手机
当前位置:查字典教程网 >网页设计 > 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引起层飘出父层的解决方法】相关文章:

img标签下多余空白BUG解决方法

目前比较全的CSS reset重设方法总结

Td或Div文字超出宽度的CSS隐藏方法

CSS div居中的三种方法

火狐在用offsetHeight获取div的高度时为0的解决方法

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

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

DIV下图片自适应解决方法

WEB标准布局的Div + CSS 高度自适应解决方法

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

精品推荐
分类导航