现在的位置: 首页 > 综合 > 正文

火狐外框DIV背景宽度颜色跟随里框DIV自适应

2013年09月10日 ⁄ 综合 ⁄ 共 603字 ⁄ 字号 评论关闭

一直不太明白overflow:hidden起什么作用。今天突然发现了是调浏览器兼容的一个不错的办法,嵌套在外面的DIV如果不给它高度,就不能在FIREFOX中自动随着里面的DIV高度自动适应,如果不给外面大DIV边框颜色也就无所谓了,但是如果你给了边框一个宽度和颜色,在火狐下显示的就是几乎重叠的。所有有个办法就是给外面大的DIV加个属性哦、overflow:hidden,这样在火狐下就实现了跟随里面DIV的自适应。而且我在IE,Safail,firefox,Chrome,都测试了。下面是代码,可以另存测试,外面的大DIV就是warp

<style>
.warp{margin:auto; width:800px; border:#000 solid 1px;overflow:hidden}
.left_box{float:left; width:30%;height:600px; border-right:#ff0 dashed 1px;}
.right_box{float:right;width:60%;height:600px;border-left:#f00 dashed 1px}
</style>

.mainxw{
 height: 100%;
 width: 830px;
 font-size: 12px;
 color: #000000;
 background-color:#FFFFFF;
 overflow:hidden;
}

【上篇】
【下篇】

抱歉!评论已关闭.