清除浮动的多种方法
2017-01-07 13:27
218 查看
1:给父类添加浮动 /* 浮动元素太多时有局限性 */
2:给父类添加display:inline-block /* 会把元素直接的空格间隙也会应用上去 */
3:在浮动元素后面添加一个空元素,并设置清除浮动 clear:both;
4:在浮动元素后面<br clear:"all"> /* 不符合W3C标准 */
5:浮动元素的父类添加 /* 推荐这种方法 */
.box-set:before,
.box-set:after {
content: "";
display: table;
}
.box-set:after {
clear: both;
}
.box-set {
*zoom: 1;
/* 兼容IE6*/
}
6:父类添加overflow
/* IE6下无效必须添加 zoom:1 */
/* IE6下浮动元素父类有宽度的话就不用清除浮动*/
2:给父类添加display:inline-block /* 会把元素直接的空格间隙也会应用上去 */
3:在浮动元素后面添加一个空元素,并设置清除浮动 clear:both;
4:在浮动元素后面<br clear:"all"> /* 不符合W3C标准 */
5:浮动元素的父类添加 /* 推荐这种方法 */
.box-set:before,
.box-set:after {
content: "";
display: table;
}
.box-set:after {
clear: both;
}
.box-set {
*zoom: 1;
/* 兼容IE6*/
}
6:父类添加overflow
/* IE6下无效必须添加 zoom:1 */
/* IE6下浮动元素父类有宽度的话就不用清除浮动*/
相关文章推荐
- 详解清除浮动的多种方法
- 一个老外弄的Clearing floats(清除浮动的方法)
- CSS中float引起层飘出上级层的解决方案,清除浮动的好方法
- 三种css清除浮动的方法
- css 清除浮动的新方法
- CSS教程:清除浮动方法大全
- CSS中float引起层飘出上级层的解决方案,清除浮动的好方法
- DIV 再论清除浮动的空方法
- 清除浮动的较完美方法:不添加无意义标签
- 三种实用CSS清除浮动的方法
- 实用CSS清除浮动的方法
- CSS清除浮动常用方法小结
- CSS:清除浮动的最优方法
- 清除浮动的各种方法总结
- 清除浮动四种方法
- 对于IE7、FF、OP清除浮动的最优方法第1/2页
- 清除浮动的各种方法总结
- 清除浮动的最优方法~为需要清浮动的标签加上overflow~~论坛推荐~!!!
- CSS清除浮动元素方法
- 目前用来清除“闭合(清除)浮动”的方法