手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >css别忘记清除浮动clear:both
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】相关文章:

清除浮动的空DIV方法

css实现文字的自动隐藏

彻底清除浏览器js和css缓存的方法

css clear之清除区域

css清除浮动clearfix:after的用法详解

CSS BUG顺口溜,快速牢记CSS的Bug处理方法

清除浮动clear:both的应用详解

css下clear both、left、right值的含义

CSS浮动(float,clear)通俗讲解

关于DIVCSS浮动float的兼容

精品推荐
分类导航