3 css
为什么包装器div不包装一个和两个div？(在Firefox浏览器中)
<html>
<head>
<style>
#wrapper {position:relative; background:red; border:solid 1px green;}
#one {position:absolute; top:0; left:10px; width:30%; border:solid 1px blue;}
#two {position:absolute; top:0; right:0; width:30%; border:solid 1px yellow;}
</style>
</head>
<body>
<div id="wrapper">
<div id="one">111</div>
<div id="two">222</div>
</div>
</body>
</html>
因为在包装器div中技术上没有内容.它的所有元素都是绝对定位的(相对于包装者而言),所以没有内容可以获得任何高度.
如果你漂浮了两个子div,你会得到同样的效果.
您可以尝试overflow: hidden使用包装器,为包装器提供明确的高度或为其提供一些"真实"内容.
| 归档时间： |
|
| 查看次数： |
4627 次 |
| 最近记录： |