css文档流

时间 2019-12-13

标签 css 文档栏目 CSS 繁體版

原文原文链接

所谓的文档流，指的是元素排版布局过程当中，元素会自动从左往右，从上往下的流式排列。并最终窗体自上而下分红一行行, 并在每行中按从左至右的顺序排放元素。脱离文档流便是元素打乱了这个排列，或是从排版中拿走。浏览器

当前所知的脱离文档流的方式有两种：浮动和定位。布局

值	描述
absolute	生成绝对定位的元素，相对于 static 定位之外的第一个父元素进行定位。继承元素的位置经过 "left", "top", "right" 以及 "bottom" 属性进行规定。文档
fixed	生成绝对定位的元素，相对于浏览器窗口进行定位。it 元素的位置经过 "left", "top", "right" 以及 "bottom" 属性进行规定。io
relative	生成相对定位的元素，相对于其正常位置进行定位。table 所以，"left:20" 会向元素的 LEFT 位置添加 20 像素。class
static	默认值。没有定位，元素出如今正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。
inherit	规定应该从父元素继承 position 属性的值。