CSS中float引起层飘出上级层的解决方案,清除浮动的好方法
来源:互联网 发布:kali linux安装到手机 编辑:程序博客网 时间:2024/04/24 12:58
为了解决这个问题,从网上找到这篇文章: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>
- 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 清除浮动的方法
- tomcat 4与tomcat 5 的编码(乱码)问题的一种
- 不安稳
- 在“运行”中的系统命令!(转)
- 分众无线CEO徐茂栋手机营销精准到人
- 用DELPHI的RTTI实现对象的XML持久化
- CSS中float引起层飘出上级层的解决方案,清除浮动的好方法
- C#之修饰符-----abstract
- Spring常用配置文件
- 个人收集的技术网站
- 收集了一些WebService
- VC++的Unicode编程
- 高效率嵌入式图形库
- js 浮动广告栏
- 动态修改alv grid的内容的一个问题