CSS定义时,
clear:both 的意思是不受浮动影响,让左侧和右侧均不允许出现浮动元素。
在用CSS定位 DIV时, 经常要用到 这个clear:both 使模块能够 跳转一行。
比如:
<div id="chart1" style="margin-top:20px; margin-left:20px; width:350px; height:300px;float:left;""></div>
<div id="chart2" style="margin-top:20px; margin-left:20px; width:350px; height:300px;float:left;"></div>
<div id="chart2" style="margin-top:20px; margin-left:20px; width:350px; height:300px;clear:both ;"></div>
chart1 和 chart2 在同一行,且chart1 在左,chart2 在右边。
但是chart3 由于被设置了 clear:both 既 不受浮动影响,所以就会在下一行左边显示了。