float引起层飘出父层的解决方法
更新时间：2008年04月20日 22:30:50 作者：
css div布局总会遇到很多浏览器兼容的问题。
1.加clear空div
.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: 1px;}
使用方法：
在所有浮动层之后加上这个层
<div class=”clearfix”></div>
2.把背景层加浮动，但是这个方法会影响其他的div，有时候好用。
3.加 overflow 这个也有问题，会影响div的外观。
.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: 1px;}
使用方法：
在所有浮动层之后加上这个层
<div class=”clearfix”></div>
2.把背景层加浮动，但是这个方法会影响其他的div，有时候好用。
3.加 overflow 这个也有问题，会影响div的外观。
相关文章
不错的使iframe透明的方法不用每次都要改iframe里的背景颜色了2008-08-08
一些很不错的css技巧,但也常为人们所忽略...2007-05-05
在Firefox2中某些情况下输入框虽然可以输入，但在获取焦点时没有文本输入光标的显示，这个是非常恶心的bug，非常容易让表单使用者有一种不能输入的错觉，即使后来尝试知道可以输入，但也无法判断光标定位在哪儿。2008-05-05
95%的中国网站需要重写CSS...2007-01-01
解决ie动态修改link样式，import css不刷新的问题
当我们需要动态更新link的样式的时候，通常是直接修改link的 href 属性。但是如果样式里有import的样式表，IE就不会在发起请求去刷新了(其他浏览器都是正常的)2008-05-05
DIV 居中的绝好解决方法...2006-11-11
生日送什么礼物总是要花一番心思，别出心裁不落俗套，什么礼物才能让那一个她开心呢？来看看前端大大用html+css实现动态生日快乐代码吧，亲测可用。2023-01-01![仿客齐集首页导航条DIV+CSS+JS [代码实例]](//img.jbzj.com/images/xgimg/bcimg7.png)
仿客齐集首页导航条DIV+CSS+JS [代码实例]...2007-04-04
本文主要介绍html5手机触屏touch事件，简单举例，需要的朋友可以参考下。2016-06-06
当完成一项前端的工作之后，许多人都会忘记该项目的结构与细节。然而代码并不是马上就能完全定型，在余下的时间里还有不断的维护工作，而这些工作也许不会是你自己完成。所以，结构优良的代码能很大程度上优化它的可维护性。下面列出五种提高CSS文件可维护性的方法，也就是一种较好的CSS样式指南。2008-05-05
![仿客齐集首页导航条DIV+CSS+JS [代码实例]](http://img.jbzj.com/images/xgimg/bcimg7.png)
最新评论