CSS 定位时一定要用的 style clear=both

 

 

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   既 不受浮动影响，所以就会在下一行左边显示了。