手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >float引起层飘出父层的解决方法
float引起层飘出父层的解决方法
摘要:1.加clear空div.clearfix:after{content:“.”;display:block;height:0;clear:b...

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;}

使用方法:

在所有浮动层之后加上这个层

<divclass=”clearfix”></div>

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

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

【float引起层飘出父层的解决方法】相关文章:

firefox中div+css的外层背景色不见的解决方法

总结CSS简写方法

Hack 只针对IE的写法

li行间距大(IE中多了5个像素)的解决方法

网页中表单按回车就自动提交的问题的解决方案

css控制div不能居中的解决办法

DIV下图片自适应解决方法

控制DIV中文字绝对居中的简单方法

DIV下图片自适应解决方法

添加css样式的三种方法

精品推荐
分类导航