参考教程（经验分享：CSS浮动通俗解释（float,clear））先了解标准文档流的布局：从上到下，从左到右，遇到块就浮动可以理解比如让某个div元素脱离文档流，漂浮在文档流之上。块元素忽略浮动元素是什么意思，就是两个块（块级）元素A和B在排队买东西，A在前面，所以B只能按照规则（标准documentstream遇到换行）突然A膨胀漂浮，然后B忽略A跑到A下面。下图就是这种情况。但是，如果此时A没有漂浮，但是B漂浮了，在这次他只是漂浮在他的位置之上。俯视看起来并没有脱离文档流。内联元素像流水一样围绕着浮动元素。内联元素将围绕浮动元素排列。清除浮动可以理解为打破水平排列。语法：clear:none|左|对|两者值：无：默认值。两边都允许有浮动对象left:左边不允许有浮动对象right:右边不允许有浮动对象both:不允许有浮动对象例子：如果页面中只有两个元素div1和div2，它们都是leftFloating，场景如下：如果要清除浮动，很多人在div1的CSS样式中加上clear:right；但这没用。对于CSS的清晰浮动（clear），我们一定要牢记：这条规则只能影响使用clear的元素本身，不能影响其他元素。所以在div2中的CSS样式中加上clear:left;`，此时才生效
