相对定位
-特点:
1.如果不设置偏移量元素不会发生任何变化
2.相对定位是参照于元素在文档流中的位置进行定位的
3.相对定位会提升元素的层次
4.不会脱离文档流,不会改变性质(块元素还是块)
绝对定位
包含块
包含块(containing block):
-正常情况下: 包含块就是里当前元素最近的祖先元素
-绝对定位的包含块:
包含块就是离他最近的开启了定位的祖先元素
如果所有祖先元素都没有开起了定位则根元素(html)就是它的包含块
固定定位
粘滞定位
一种比较新型的定位,兼容性不太强
绝对定位的布局
包含块内容区的宽度=left+水平布局宽度+right,即
letf+ margin-left+border-left+ padding-left+width+margin-right+border-right+padding-right+right