浅谈相对定位与绝对定位

定位:

1.absolute(绝对定位):绝对定位的元素的位置相对于最近的已定位祖先元素,如果元素没有已定位的祖先元素,那么它的位置相对于最初的包含块。

absolute经常与relative结合使用。

2.relative(相对定位):生成相对定位的元素,相对于其正常位置进行定位。

3.static:元素框正常生成。块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或多个行框,置于其父元素中。

4.fixed(固定定位):元素框的表现类似于将 position 设置为 absolute,不过其包含块是视窗本身(浏览器窗口)。不会随着页面的滚动而移动。

原文地址:https://www.cnblogs.com/5201314m/p/9723579.html