position
{
attribute: position
value: static | relative | absolute | fixed | inherit
initValueL: static
}
static 元素框正常形成。块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或者多个
行框,置于其父元素中。
-
包含块
绝对定位 position:absoute
元素绝对定位时,会从文档流中完全删除。然后相对于其包含块定位,其边界根据偏移属性放置。定位元素不会流入其他元素的内容
绝对定位元素的包含块是最近的position值不为static的祖先元素。
- 固定定位 position:fixed
固定元素的包含块是视窗,固定元素定位时,元素会从文档流中去除。
- 相对定位 position:relative
元素相对定位时,会从原来的位置移走,但原来所占的空间并不会消失。