文章目录
1.定位
为什么需要定位 ?
- 浮动可以让多个块级盒子一行没有缝隙排列显示,经常用于横向排行盒子
- 定位则是可以让盒子自由的在某个盒子内移动位置或固定屏幕中某个位置,并且可以压住其他盒子
1.1 定位组成
定位
:将盒子定
在某一个位
置,所以定位也是在摆放盒子,按照定位的方式移动盒子。
定位 = 定位模式 + 边偏移
A. 定位模式
用于指定一个元素在文档中的定位方式,边偏移则决定了该元素的最终位置
B. 边偏移就是定位的盒子移动到最终位置。有top、bottom、left和right4个属性
边偏移 | 示例 | 描述 |
---|---|---|
top | top:80px | 顶端偏移量,定义元素相对于其父元素上边线的距离 |
bottom | bottom:80px | 底部偏移量,定义元素相对于其父元素,下边线的距离 |
left | left:80px | 左侧偏移量,定义元素相对于其父元素, 左边线的距离 |
right | righ |