如果你想第三个p不被前面的浮动层所影响,就对它进行清除
如果没有清除,第三个层就会移到第一个p下面
记住!!浮动是用来布局的~你看你的网页设计图,好几个版块在一条线上就是要浮动了,不需要浮动就是版块跟前面的版块不在一行上了...
不知道能不能明白...
例如:下面的例子,版块1和版块2是在一行上的,那么他们就要浮动起来,好放在一行里面,但是到版块3的时候就要换行了,那就不能浮动了,那么这个时候就要清除一下浮动了...
<html>
<head>
<style>
.div1{float:left;width:100px;height:100px;background:#f00;}
.div2{float:left;width:100px;height:100px;background:#0f0;}
.div3{clear:both;width:100px;height:100px;background:#00f;}
</style>
</head>
<body>
<div class="div1">版块1</div>
<div class="div2">版块2</div>
<div class="div3">版块3</div>
</body>
</html>
明白否?
---------------------------我的天空里没有太阳,总是黑夜,但并不暗,因为有东西代替了太阳。虽然没有太阳那么明亮,但对我来说已经足够。凭借着这份光,我便能把黑夜当成白天。我从来就没有太阳,所以不怕失去。
--------《白夜行》