CSS学习笔记：定位与溢出

Posted 2020-07-31 hunter_Cecil

一、定位：position
static | relative | absolute | fixed | inherit ，各值含义如下：

1)static:
元素框正常生成，块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素中。
2）relative：
元素框偏移某个距离，元素仍保持其未定位前的形状，它本身所占的空间仍保留
3）absolute:
元素框从文档流完全删除，并相对于其包含块定位，包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭，就好像该元素原来不存在一样，元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。
4）fixed:
元素框的表现类似于将position设置为absolute，不过其包含块是视窗本身。

二、内容溢出：overflow
visible | hidden | scroll | auto | inherit

1）visible：元素内容可见，元素框外也可见
2）hidden：元素内容在元素框外不可见
3）scroll: 元素内容在元素框外不可见,但提供滚动条查看
4) auto：允许用户代理来决定使用何种行为