css标准文档流
标准文档流
css标准文档流就是css的“默认”状态。文档流指的是元素排版布局过程中，元素会自动从左往右，从上往下的流式排列。并最终窗体自上而下分成一行行，并在每行中从左至右的顺序排放元素。
块级元素与行内元素
标准文档流将元素分为块级元素和行内级元素：
块级元素(block level) div h* p ul li dl dt dd
- 能够设置宽度和高度
- 不能并排
- 不设置宽度的情况下，默认为父级的宽度
行内级元素(inline level) span a b u i em strong
- 不能设置宽高
- 可以并排
两种元素可以互相转换，行内转块级：display:block(常用)，块级转行内：display:inline（几乎不会用到）
行内块元素
img比较独特，既有行内元素的并排属性，又有块级元素设置宽高的特性，这种元素被称为行内块元素
<div>
<img width="300px" src="https://ws1.sinaimg.cn/large/006tNc79gy1fz0awxiv39j31ao0t6tcv.jpg" alt="">
<span>img是行内元素</span>
</div>
<p>p是块级元素</p>
这种规规矩矩的排列方式很死板，无法灵活调整布局，排版很难看。
为了更灵活地进行排版，我们需要脱离标准流，脱离的方式有三种：浮动、绝对定位、相对定位
下篇文章将阐释如何用浮动脱离标准流
转载必须注明出处：https://www.zhiqiexing.com/19.html
