2回答

imooc_澈

2018-08-06

已采纳

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>去掉，结果如下：

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

1

hq_墨羡_0

h 明白了，谢谢

h018-08-06

共1条回复

好帮手慕查理

2018-08-05

您好，clear:both;清除浮动效果，清除的是父元素左右浮动效果，因此 container的左右浮动清除。但box1,bxo2,box3虽然回归文档流，自身却设置float:left浮动。box1,bxo2,box3并不是clear的父元素。如果解决了您的问题，请采纳。祝学习愉快！

0

hq_墨羡_0

h 父元素左右浮动效果被清除是什么意思？父元素是块元素，没有左右元素啊

h018-08-05

共1条回复