常規(guī)流

盒模型：規(guī)定單個盒子的規(guī)則

視覺格式化模型（布局規(guī)則）：頁面中的多個盒子排列規(guī)則

視覺格式化模型，大體上將頁面中盒子的排列分為三種方式：

1、常規(guī)流
2、浮動
3、定位

常規(guī)文檔流

常規(guī)流、文檔流、普通文檔流、常規(guī)文檔流
所有元素，默認情況下，都屬于常規(guī)流布局

總體規(guī)則：塊盒獨占一行，行盒依次排列

包含塊（containing block）：每個盒子都有它的包含塊，包含塊決定了盒子的排列區(qū)域。

絕大部分情況下：盒子的包含塊，為其父元素的內(nèi)容盒

塊盒

1、每個塊盒的總寬度，必須剛好等于包含塊的寬度

寬度的默認值是auto
margin的取值也可以是auto，默認值是0
auto：將剩余空間吸收掉

寬度width的吸收能力強于margin

如果寬度、邊框、內(nèi)邊距、外邊距計算后仍然有剩余空間，剩余空間被margin-right全部吸收

在常規(guī)流中，塊盒在其包含塊中居中，可以頂寬、然后左右margin設(shè)置為auto。

2、每個塊盒垂直方向上的auto值
height:auto 適應(yīng)內(nèi)容高度
margin:auto,表示0

3、百分比取值
padding、寬、margin 可以取值為百分比
以上的所有百分比相對于包含塊的寬度

高度的百分比：
1、看包含塊的高度是否取決于子元素的高度，設(shè)置百分比無效；
2、包含塊的高度不取決于子元素的高度，百分比相對于父元素的高度；

4、上下外邊距的合并（左右同樣合并）
兩個常規(guī)流塊盒，上下外邊距相鄰，會進行合并。
兩個外邊距取最大值