常规流和脱离文档流

Posted 2020-11-23 hg845740143

常规流

又叫做文档流；在没有CSS的干预下，块级元素独占一行，宽高可设；行内元素并排显示，宽高自动。

脱离文档流

又叫做浮动流；元素在进行浮动后就是脱离文档流；

注意：浮动流在进行摆放的时候要避开常规流；

常规流在进行摆放时无视浮动流；

子级元素浮动后导致父级高度坍塌；

清除浮动

书写格式：fixed:after { content: " "; display: block; clear: both;}

属性	值	说明
clear	none	默认
	left	清除左浮动，元素在左浮动的盒子下方摆放
	right	清除右浮动
	both	清除左右浮动