关于2-11浮动的问题

clear:both并不是把前面的元素本身的float浮动效果去掉，而是清楚元素浮动带来的影响，比如下面这段代码：

<div style="width: 600px; height: 500px; border: solid 1px blue; background-color: yellow;"> 

<div style="float: left; width: 250px; height: 250px; border: solid 1px Aqua; background-color: gray; 

margin: 10px 0 0 10px;"> 

浮动DIV</div> 

<div style="clear:both"></div>

<div style="background-color: red; border: solid 1px green; width: 300px; height: 150px;"> 

跟在浮动元素后边的DIV</div> 

</div> 

清楚了浮动效果，后面跟着的div元素就不会受影响：

不清楚浮动效果，也就是把<div style="clear:both"></div>去掉，结果如下：

如果解决了你的问题,请采纳，祝学习愉快~