手机
当前位置:查字典教程网 >网页设计 > 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清除浮动方法和代码

CSS浮动属性Float详解

div+css实现的滑动门

关于清除浮动塌陷的几种方法总结

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

清除浮动的空DIV方法

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

CSS设置DIV背景色渐变显示

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

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

精品推荐
分类导航