css别忘记清除浮动clear:both
摘要:用空标签清除.clr{clear:both;}LeftRight使用overflow属性#layout{overflow:auto;zoom...
用空标签清除
.clr{clear:both;}
<divid="layout">
<divid="left">Left</div>
<divid="right">Right</div>
<pclass="clr"></p>
</div>
使用overflow属性
#layout{overflow:auto;zoom:1;}
<divid="layout">
<divid="left">Left</div>
<divid="right">Right</div>
</div>
使用:after(非IE浏览器)
#layout:after{
display:block;
clear:both;content:"";
visibility:hidden;height:0;
}
<divid="layout">
<divid="left">Left</div>
<divid="right">Right</div>
</div>注:使用:after需要注意几点,设置高度为零(height:0;);content是必须的,但其值可以为空
【css别忘记清除浮动clear:both】相关文章:
★ css下clear both、left、right值的含义
下一篇:
CSS清除浮动常用方法小结