手机
当前位置:查字典教程网 >网页设计 > 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】相关文章:

CSS设置DIV背景色渐变显示

css clear之清除区域

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

.clear 万能清除浮动(clearfix:after)

CSS浮动属性Float详解

关于DIVCSS浮动float的兼容

根据用户浏览器及分辨率调用不同的CSS样式文件

怎么让div显示在object flash

CSS网页右下角广告的布局实例

你可能不知道的7个CSS单位

精品推荐
分类导航