本文介绍了CSS中的四种定位方式：相对定位、绝对定位、固定定位和粘性定位。相对定位不脱离文档流，但会提升层级；绝对定位脱离文档流，相对于最近的定位父元素或body定位；固定定位同样脱离文档流，相对于浏览器窗口定位；粘性定位结合了相对和固定定位的特点。所有定位方式中，未设置偏移量时位置不变，多个定位元素重叠时，后面的元素会覆盖前面的元素，可使用z-index调整层级。此外，浮动元素会使margin: 0 auto 失效，并使块级元素具有行内块性质。
相对定位：position:relative;
1.相对定位的元素不会脱离文档流(所以元素在文档流中的特征他都包含，保留了原来的位置)
2.相对定位元素会提升一个层级(如果与其他元素发生重叠 它会在上面
绝对定位：position:absolute;
1.绝对定位会使得元素脱离文档流（原来的位置没了）
2.相对于离他最近开启了定位的父元素进行定位,如果没有,则相对于body进行定位
固定定位：position:fixed;
1.固定定位会使得元素脱离文档流（原来的位置没了）
2.相对于浏览器窗口的位置进行定位
粘性定位position：sticky；
1.相对定位和固定定位的结合
3290
824
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
最低0.47元/天 解锁文章
