【CSS】定位 position

position

{
    attribute: position
    value: static | relative | absolute | fixed | inherit
    initValueL: static
}

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

• 包含块

  
  
  

• 绝对定位 position:absoute

元素绝对定位时，会从文档流中完全删除。然后相对于其包含块定位，其边界根据偏移属性放置。定位元素不会流入其他元素的内容
绝对定位元素的包含块是最近的position值不为static的祖先元素。

• 固定定位 position:fixed

固定元素的包含块是视窗，固定元素定位时，元素会从文档流中去除。

• 相对定位 position:relative

元素相对定位时，会从原来的位置移走，但原来所占的空间并不会消失。