欢迎来到福编程网,本站提供各种互联网专业知识!

float引起层飘出父层的解决方法

发布时间:2008-04-20 作者: 来源:转载
cssdiv布局总会遇到很多浏览器兼容的问题。
1.加clear空div
.clearfix:after{
content:“.”;display:block;
height:0;
clear:both;
visibility:hidden;}
.clearfix{display:inline-block;}
/*HidesfromIE-mac*/
*html.clearfix{height:1%;}
.clearfix{display:block;}/*EndhidefromIE-mac*/
.clearfix{
display:block;
margin:0px;
clear:both;
padding:0px;
visibility:hidden;
background-color:#666666;
border:0pxnone#FFFFFF;
}
.clearfix:after{height:1px;}

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

2.把背景层加浮动,但是这个方法会影响其他的div,有时候好用。

3.加overflow这个也有问题,会影响div的外观。

相关推荐