HTML的position相对定位

239 阅读1分钟

在HTML中,常用的四种定位,用于页面中的布局,把一个元素调用到你想摆放的位置

1,首先我们来讲一下position: relative;//相对定位

假设我们创建了一个div的盒子,设置了宽高颜色,然后打开页面,此时,打开页面,我们可以看到盒子的摆放位置是靠在游览器的左上角,比如想让这个盒子向右移动300px,向下移动300px,如果我们不加定位,是不能做到的,我们只有在div的css样式里面添加定位,然后通过偏移量才能实现

如下: div { left: 300px; top: 300px; position: relative; width: 300px; height: 300px; ** 打开页面可以发现,它是相对自己以前的位置移动的,参照物就是自己 **

image.png