CSS中float引起层飘出上级层的解决方案,清除浮动的好方法
来源:互联网 发布:淘宝怎么设置不同规格 编辑:程序博客网 时间:2024/05/06 13:47
为了解决这个问题,从网上找到这篇文章:CSS的十八般技巧
其中第十三条提到解决方案,于是看到这篇:How To Clear Floats Without Structural Markup
解决方案好象比较麻烦,如下:
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}.clearfix {display: inline-block;}/* Hides from IE-mac /*/* html .clearfix {height: 1%;}.clearfix {display: block;}/* End hide from IE-mac */
经我多次尝试,修改如下:
.clearfix {
display: block;
margin: 0px;
clear: both;
padding: 0px;
visibility: hidden;
background-color:#666666;
border:0px none #FFFFFF;
}
.clearfix:after {
height: 0px;
}
使用方法:
在所有浮动层之后加上这个层
<div class="clearfix"></div>
在IE和FireFox测试OK,我想就够了,呵呵……
- CSS中float引起层飘出上级层的解决方案,清除浮动的好方法。
- CSS中float引起层飘出上级层的解决方案,清除浮动的好方法
- CSS中float引起层飘出上级层的解决方案,清除浮动的好方法
- css清除浮动float的三种方法总结
- css清除浮动float的三种方法总结
- css清除浮动float的三种方法总结
- CSS清除float浮动的常用几种方法
- html、css清除浮动float的三种方法
- css清除float浮动的三种方法总结
- 关于css中float的用法整理及清除浮动方法。
- css中清除浮动的主要方法
- css中清除浮动的标准方法
- css清除浮动float的三种方法总结,为什么清浮动?浮动会有那些影响?一起来$('.float')
- css清除浮动float的三种方法总结,为什么清浮动?浮动会有那些影响?一起来$('.float')
- css清除浮动float的三种方法总结,为什么清浮动?浮动会有那些影响?一起来$('.float')
- css清除浮动float的三种方法总结,为什么清浮动?浮动会有那些影响?一起来$('.float')
- CSS浮动(float)属性的原理以及清除浮动的几种方法
- css 清除浮动的方法
- Delphi实现网页表单数据的自动提交
- 测试驱动开发(书评)
- php连接mysql数据库和MYSQL相关函数
- 网站设计之合理架构css
- 加密
- CSS中float引起层飘出上级层的解决方案,清除浮动的好方法
- PHP 程序员的调试技术
- 掷骰子问题
- J2SE学习笔记(7)多线程
- 雷达安装(贪心算法)
- (转)java中文编码问题
- 用CSS按比例缩放图片
- 大号无锯齿字体
- 初看IronRuby