# 清除浮动方法二： clear属性 ## CSS有个clear属性，专门清除浮动元素带来的影响。 属性值： left:清除前面左浮动的影响 right:清除前面右浮动的影响 both:清除前面所有浮动的影响 # 清除浮动方法三：隔墙法 ``` .div{ clear:both; heigtht：20px; } ``` ### 利用clear属性和height属性，制作一堵墙，将两个有浮动的元素父亲隔离起来。 隔墙法代码： ``` *{ margin: 0; padding: 0;     } .box{ width:800px; border: 5pxsolidred;     } .box1{ width:800px; border: 5pxsolidrgb(16, 95, 243); clear:both;     } .cl{ clear:both; height:20px; } .boxp{ width: 80px; height:80px; background-color:cyan; float:left; margin:05px; } .box1p{ width: 80px; height:80px; background-color:rgb(231, 247, 8); float:left; margin:05px; } ``` 隔离法如图：  隔墙法缺点： 缺点：子盒子还是不能撑高父盒子的高度。 # 清除浮动方法三：内墙法 ### 通过隔墙法演变而来，将墙放在两个受影响父元素内部，所有的子元素最后，设置一堵内墙法，设置clear属性。 代码如下： ``` \*{ margin: 0; padding: 0;     } .box{ width:800px; border: 5pxsolidred;     } .box1{ width:800px; border: 5pxsolidrgb(16, 95, 243); clear:both;     } .cl{ clear:both; } .boxp{ width: 80px; height:80px; background-color:cyan; float:left; margin:05px; } .box1p{ width: 80px; height:80px; background-color:rgb(231, 247, 8); float:left; margin:05px; } ```