float引起层飘出父层的解决方法_ Div+Css教程-查字典教程网
float引起层飘出父层的解决方法
float引起层飘出父层的解决方法
发布时间:2016-12-29 来源:查字典编辑
摘要: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的外观。

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新 Div+Css教程学习
    热门 Div+Css教程学习
    网页设计子分类