clear：both清除浮动的基本原理

clear属性

关于clear属性，官方文档是这样描述的：

其中clear: both的意思是要求框的顶边框边低于在源文档中之前生成的任何浮动框的底外边距边。也就是说可以清除之前所有浮动框所带来的影响。

利用有clear:both属性的空的块元素撑开父元素的盒子，这就是额外标签法、单伪元素法和双伪元素法清除浮动的核心思想。