襄樊网站建设专家:襄樊亿企发网络公司欢迎您!专注于襄樊网站建设、襄樊网站排名、襄樊平面设计、襄樊域名注册、襄樊网站推广……

清除浮动的好方法,CSS中float引起层飘出上级层的

作者:襄樊网站建设  来源:襄樊网络公司  时间:2011-06-03 22:37  点击:

为了解决这个问题,从网上找到这篇文章: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;
}

使用方法:
在所有浮动层之后加上这个层
 

 



在IE和FireFox测试OK,我想就够了,呵呵……

 



责任编辑:襄樊网站建设