清除浮动的几种方法
来源:互联网 发布:送餐员下载什么软件 编辑:程序博客网 时间:2024/06/05 14:56
1. 添加标签clear:both
html:
<div class='wrap'> <div class='fl'></div> <div class='fr'></div> <div class='cl'></div></div>
css:
.fl{ float:left; }.fr{ float:right; }.cl{ clear:both;}
2.父元素overflow:hidden
html:
<div class='wrap'> <div class='fl'></div> <div class='fr'></div> <div class='cl'></div></div>
css:
.fl{
float:left;
}
.fr{
float:right;
}
.wrap{
overflow:hidden;
}
3.伪元素
html:
<div class='wrap clearfix'> <div class='fl'></div> <div class='fr'></div></div>
css:
/*for modern browsers*/.clearfix:before,.clearfix:after{ content:''; display:table;}.clearfix:after{ clear:both;} /*for ie6.7*/ .clearfix{ zoom:1;}
0 0
- 清除浮动的几种方法
- 清除浮动的几种方法
- 清除浮动的几种方法
- 清除浮动的几种方法
- 清除浮动的几种方法
- 清除浮动的几种方法
- 清除浮动的几种方法
- 清除浮动的几种常见方法
- 清除浮动的几种常用方法
- 清除浮动的几种方法
- 清除浮动的几种方法
- 清除浮动的几种方法
- 清除浮动的几种方法
- 清除浮动的几种方法
- 清除浮动的几种方法
- 清除浮动的几种方法
- 清除浮动的几种方法
- 清除浮动的几种常用方法
- 微信开发之——接口返回码
- runtime源码探究(四)区分isKindOfClass、isSubclassOfClass、isMemberOfClass
- chrome livestyle插件
- 189. Rotate Array \ 169. Majority Element \ Best time to buy
- PRank算法python实现
- 清除浮动的几种方法
- 隐藏文字
- Spring 4 注解新特性
- git笔记 常规使用
- android音量键调节听筒音量的大小
- 定时器、Date
- FIS
- 为什么不喜欢用360浏览器开发
- 关于C#中get和set