Question

我创建了一个div并为其添加了两个div：

<div id="content">
<div id="a"></div>
<div id="b"></div>
</div>

和样式：

#content {
    width:100px;
    height:100px;
    background-color:blue;
}
#a, #b {
    position:relative;
    top:0px;
    left:0px;
    width:100px;
    height:100px;
    background-color:red;
}
#b {
    top:-100px;
    background-color:green;
}

在Firefox中我有一个100x100绿色“盒子”，但在IE中，“内容”div高于100px（高200px），你可以在绿色下看到蓝色的“盒子”。

是否可以强制“content”div为100px高？

Answer 1

#content {
    width:100px;
    height:100px;
    background-color:blue;
    overflow:hidden;
}

Answer 2

在#content div上尝试溢出：隐藏或溢出：自动，看看是否能提供所需的结果。您可能还想在div上发出填充：0px; 和 margin：0px; 。

相对定位部

2 个答案: