5.CSS定位

定位

positon: relative(相对)、absolute(绝对)、static(无定位 )、fixed(固定)

相对定位的偏移参考元素是元素本身，不会使元素脱离文档流。元素的初始位置占据的空间会被保留

position:relative

设置相对定位的元素不会脱离文档流

个人理解：相对定位的元素，灵魂出窍了，身体还在那里。

行对定位通常不单独使用，而是作为父元素使用

绝对定位：相对于已定位的最近的祖先元素，如果没有已定位的最近的祖先元素，

那么它的位置就相对于最初的包含块(如body)就是body

一般情况下相对定位与绝对定位都是搭配使用

相对定位不破坏文档流，绝对定位破坏文档流

float与绝对定位的相同点与区别

相同点:都会产生浮动，都会破坏文档流

区别:float浮动后，其他元素不会被浮动的float元素遮挡，而绝对定位的元素会遮挡其他的元素

相对定位和浮动可以组合起来使用

z-index属性设置，在绝对浮动的时候，属性值越大，越会在上面显示

固定定位:相对于浏览器窗口进行固定定位

position:fixed

我的网盘>前端入门第N次>CSS定位