定位
positon: relative(相对)、absolute(绝对)、static(无定位 )、fixed(固定)
相对定位的偏移参考元素是元素本身，不会使元素脱离文档流。元素的初始位置占据的空间会被保留
position:relative
设置相对定位的元素不会脱离文档流
个人理解：相对定位的元素，灵魂出窍了，身体还在那里。
行对定位通常不单独使用，而是作为父元素使用
绝对定位：相对于已定位的最近的祖先元素，如果没有已定位的最近的祖先元素，
那么它的位置就相对于最初的包含块(如body)就是body
一般情况下相对定位与绝对定位都是搭配使用
相对定位不破坏文档流，绝对定位破坏文档流
float与绝对定位的相同点与区别
相同点:都会产生浮动，都会破坏文档流
区别:float浮动后，其他元素不会被浮动的float元素遮挡，而绝对定位的元素会遮挡其他的元素
相对定位和浮动可以组合起来使用
z-index属性设置，在绝对浮动的时候，属性值越大，越会在上面显示
固定定位:相对于浏览器窗口进行固定定位
position:fixed
我的网盘>前端入门第N次>CSS定位
网友评论