本文介绍了CSS中的定位技术，包括position的static、absolute、relative、fixed和sticky五种模式，以及z-index如何控制元素的层叠顺序。absolute定位会依据最近已定位的父元素，fixed定位相对于浏览器窗口，sticky则用于创建粘性定位效果，但浏览器兼容性有待改善。
**定位 position **
position:static ;默认值
position:absolute ;绝对定位
1.当没有父元素或者父元素没有定位，参照为是浏览器狂口的第一屏
2.有父元素切父元素有定位，参照父元素
position:relative ;相对定位
相对于自身初始的位置进行挪动
position:fixed; 固定定位 相对于浏览器当前的窗口
position:sticky; 粘性定位，可以做吸顶效果，粘性定位是css3新增加的，兼容不好
z-index;层叠顺序
属性不带单位，可以给负值，数值越大越靠上
1268
875
1040
5837
1070
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
扫一扫
