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

来源:互联网 发布:mac版qq查看群相册 编辑:程序博客网 时间:2022/01/24 05:50

 

 

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