实用CSS清除浮动的方法
2010-02-07 14:36
537 查看
【1】 使用空标签清除浮动
.clr{clear:both;}
<div class=”clr”></div>
使用效果还是不错的
【2】使用overflow属性
#layout{overflow:auto;}
<div id=”layout”>
<div id=”left”>Left</div>
<div id=”right”>Right</div>
</div>
使用效果一般,有些时候会出现杯具效果!
【3】使用after伪对象清楚浮(不推荐)
不是很好用所以不给实例
.clr{clear:both;}
<div class=”clr”></div>
使用效果还是不错的
【2】使用overflow属性
#layout{overflow:auto;}
<div id=”layout”>
<div id=”left”>Left</div>
<div id=”right”>Right</div>
</div>
使用效果一般,有些时候会出现杯具效果!
【3】使用after伪对象清楚浮(不推荐)
不是很好用所以不给实例
相关文章推荐
- 三种实用CSS清除浮动的方法
- 实用css技巧——清除浮动方法总结
- 三种实用CSS清除浮动的方法
- 三种实用CSS清除浮动的方法
- CSS清除浮动的方法优缺点分析
- css清除浮动的几种方法整理
- 23_css清除浮动的三种方法.html
- CSS清除浮动方法汇总
- html、css清除浮动float的三种方法
- css 清除浮动的几种方法
- CSS清除浮动各种方法
- CSS清除浮动大全共8种方法
- CSS清除浮动的8种方法
- css清除浮动float的三种方法总结,为什么清浮动?浮动会有那些影响?
- CSS中float引起层飘出上级层的解决方案,清除浮动的好方法
- css清除浮动float的三种方法总结,为什么清浮动?浮动会有那些影响?一起来$('.float')
- CSS清除浮动常用方法小结
- css清除float浮动的三种方法总结
- css清除浮动的方法汇总
- CSS实用代码:清除浮动、单行省略号、图片宽高比例、display兼容代码、三角形状