position小结

position分为以下四种定位方式:

1.static

默认.

块级框从上到下一个接一个的排列,框之间的垂直距离由框的垂直空白边计算出来.

行内框在一行中水平布置.可以使用水平填充、边框和空白边调整它们的水平间距。但是垂直填充、边框和空白边不影响行内框的高度。

2.relative

相对于元素自身位置进行偏移.注意此处:元素仍然占据原来位置.

3.absolute

此处分为两种情况:

父级元素设置了position(不是默认的static),元素是按照父级元素进行定位

父级元素未设置position(即为默认的static),元素是按body进行定位

注意:元素脱离了文档流,不在文档中占据空间.

4.fixed

是特殊的absolute定位情况.即:始终以body元素进行定位.

原文地址:https://www.cnblogs.com/oneword/p/1788434.html