用inline-block来实现clear的清除浮动

1、新建html文件

2、创建三个div并添加内容

3、预览效果如图

4、为三个div添加样式第三个div没有添加浮动样式

5、预览效果如图，这时需要清除浮动

6、添加样式清除浮动

7、效果如图clear通常是我们处理浮动的方式

8、现在可以用inline-block来实现，样式如下

9、效果如图附上样式<style>.a1{width:300px; height:200px; display:inline-block; background:#F00;}.a2{width:300px; height:100px; display:inline-block; background:#096;}.a3{width:600px; height:400px; background:#00F; }</style>