您的位置：首页 > 其它

解决firefox下自适应高度的问题 原创

2018-10-12 14:01 417 查看

转载请注明来源www.jb51.net
请在firefox下浏览查看效果，ie下不能看到效果
原理是：在float下面加上一个空的div，一般可以解决这类问题
原来这样的

body{ text-align:center;margin:0;padding:0;}
.alldd{background-color:#006600;width:710px;margin:0 auto;}
.left{ background:blue;height:100px;float:left;width:500px;clear:left;}
.right{ background:yellow;height:100px;float:right;width:200px;clear:right;}

 
 

解决firefox下自适应高度 .goodforff
body{ text-align:center;margin:0;padding:0;}
.alldd{background-color:#006600;width:710px;margin:0 auto;}
.left{ background:blue;height:100px;float:left;width:500px;clear:left;}
.right{ background:yellow;height:100px;float:right;width:200px;clear:right;}
.goodforff{clear:both;margin:0;padding:0;font-size:1px;}

 
 
 

PS:关于ie6和ie7下div高度的问题，ie6下有一定的高度，影响实际效果，ie7和firefix没有问题、
解决方法1、font-size:1px;
2、height:1px;over-float:hidden;
写在.goodforff中即可解决问题

您可能感兴趣的文章:

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航