Day 16 CSS <网页布局-定位布局-2.定位使用>

1. 边偏移

边偏移就是定位的盒子移动到最终位置，有top bottom left right 四种

2. 相对定位 绝对定位 使用场景

相对定位 position : relative (重要)

绝对定位 absolute (重要)

子级使用绝对定位 父级则需要相对定位

1. 子级绝对定位 部会占有位置 可以放到父盒子里面的任何一个地方

   部会影响其他的兄弟盒子

2. 父级绝对要新增定位限制子盒子在父盒子内显示

3. 父盒子布局时，需要占有位置，因此父亲只能是相对定位

这又是子绝父相的由来，所以相对定位经常用来作为绝对定位的父级

总结 : 因为父级需要占有位置，因此是相对定位，子盒子部需要占有位置 所以是绝对定位

在使用定位布局时，可能会出现盒子重叠的情况。

此时 可以使用 z-index来控制盒子的前後次序 ( z轴 )

语法 :

css
选择器 { z-index:1;}

• 数值可以是正整数 负整数或0 默认是auto 数值越大 盒子越靠上
• 如果属性值相同 则按照书写顺序 後来居上
• 後面的数字不能加单位
• 只有定位的盒子才有 z-index 属性