|
发表于 2014-8-7 15:42:44
|
显示全部楼层
北京市北京市
自适应高度 设置
嵌套在外面的DIV如果不给它高度,就不能在 FIREFOX中自动随着里面的DIV高度自动适应,如果不给外面大DIV边框颜色也就无所谓了,但是如果你给了边框一个宽度和颜色,在火狐下显示的就是 几乎重叠的。所有有个办法就是给外面大的DIV加个属性、overflow:hidden,这样在火狐下实现了跟随里面DIV的自适应。各个浏览器都测试了,兼容。
<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>
</head>
<body><div class="warp"><div class="left_box"></div><div class="right_box"></div></div></body> |
|