标准流

什么是标准流？

• 标准流（normal flow），也被称为文档流，是指在不借助任何特殊的css排列规则元素的排布规则
• 浮动和定位（absolute，fixed）会脱离脱离标准流，也就是不受这套规则的约束

标准流中的块级元素（block）

1. 块级元素独占一行,垂直方向上从上往下进行排列
2. 会计元素可设宽高
3. 块级元素不设宽度的情况下,默认宽度为其父级的100%

标准流中的行内元素(inline)

1. 行内元素将与其他行内元素从左到右进行排列
2. 行内元素不可设置宽高,由其内容决定其宽高

特殊的行内元素

• input与img是行内元素，但是可以设置宽高

标准流中的嵌套规则

1. 块级元素可以嵌套行内元素，反之不能
2. ul（无序列表）,ol（有序列表）只能嵌套li，li可以嵌套任何元素。
3. dl（定义列表）只能嵌套dt（标题），dd（标题解释）元素。
4. textarea里只能嵌套文本
5. p,h1~h6只能嵌套文本和行内元素
6. select（表单控件）只能嵌套option
7. a标签不可以嵌套交互型的标签

外边距合并问题

• 标准流中上下相邻的两个元素的margin-bottom与margin-top会发生重叠的情况