Oct 21st-

mooc如何用css进行布局

概念

CSS中脱离文档流是什么意思?

CSS中脱离文档流，也就是将元素从普通的布局排版中拿走，其他盒子在定位的时候，会当做脱离文档流的元素不存在而进行定位。
需要注意的是，使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围。
而对于使用absolute positioning脱离文档流的元素，其他盒子与其他盒子内的文本都会无视它。

*右侧哪两个 css 设置，可以让元素脱离文档流（浮动（float）和 绝对定位（position：absolute））

*CSS 规定的定位机制有三种，分别是标准文档流、浮动及绝对定位。

*标准文档流

*盒子3D模型：border>content+padding>background-image>background-color>margin