定位:改变元素的位置 定位属性:position 坐标属性:left right top bottom 定位值: relative 相对定位 1.占据文档流 2.参考自身加载到页面中的初始位置 3.能改变坐标属性
absolute 绝对定位
1.脱离文档流
2.参考浏览器窗口或者参考最近的有定位的父级元素(默认定位除外)
3.能改变坐标属性
fixed 固定定位
1.脱离文档流
2.参考浏览器窗口可视区域
3.能改变坐标属性
static 默认定位
1.添加与不添加对元素没有任何影响
2.不能改变坐标属性
sticky 粘性定位
1.结合了相对定位和固定定位的特征
包含块:
1.嵌套结构
2.父元素使用position:relative
子元素使用position:absolute