一、属性值:
1.static (默认值)没有定位
2.relative 相对定位
无论是标准元素还是浮动元素,相对于它没有定位前的位置进行偏移
top和bottom left和right各自都只能设置一个
3.absoule 绝对定位
会脱离标准文档流
变成行内块级元素,宽高由内容的宽高决定
如果有已经定位的祖先元素,则以最近定位的祖先元素为参照进行定位
如果没有设置定位的祖先元素,则根据可视窗口(内容)进行定位
4.fixed 固定定位
脱离标准文档流,变成行内块级元素
相对于浏览器窗口进行定位,固定在窗口一个位置,不会随着网页的滑动而改动
二、定位属性的附属属性值:
top left bottom right
三、z-index属性
指定层叠顺序 值越大显示优先级越高
值的范围是 -1到9999,默认值是auto
如果父元素有z-index,就和父元素的值一样,不然就为0
必须和position结合使用