在开发前端页面时，我们经常会使用css的float浮动属性，但使用后，如何清除浮动？下面我们就来看一下。
方法/步骤
1
我们先在html里添加二个div，父层是一个div。
2
正常显示，这二个div是各占据一行的。
3
为这二个div添加float:left的浮动属性。
4
添加后，这二个div就成为行元素了，不再是块元素了，会占据在同一行。
5
但也导致父层div的高度显示不太正常。
6
我们可以清除div后面的浮动属性，添加一个空的div属性，添加clear样式名。
7
clear样式，关键就是添加clear:both的样式，这就是清除浮动的代码。当然这个div需要不是浮动的。
8
清除后，我们再看一下父层div，可以看到正常显示出它的高度了，表明浮动已清除。
上一篇：css清楚浮动的方法
下一篇：css清除浮动常用的几种方法