(十七)标准文档流

标准文档流

1.标准文档流，指的是元素排版布局过程中，元素回默认自动从左往右，从上往下的流式排列。前面的内容发生了变化，后面的内容位置也会随着变化

2.微观现象
空白部分折叠

3.元素等级
块级元素
行内元素
行内块元素

块级元素：
（1）可以设置宽高，在浏览器中正常加载
（2）块级元素必须独占一行
（3）如果块级元素不设置宽度，会自动撑满父级元素的宽度，高度是内容的高度

行内元素：
（1）多个行内元素或行内块元素可以在一行
（2）行内元素宽高不加载，其他的盒模型属性虽然能设置，但是容易出现加载问题
（3）不论是否设置宽高，宽度和高度都取决于元素内容的宽高

行内块元素：
（1）可以设置宽高
（2）行内块元素可以和其他行内元素或者行内块元素排成一排
（3）行内块元素如果不设置宽高，就会按照原始尺寸进行加载，或者通过内容进行撑开