相对定位区

Question

我已经创建了一个div并添加了2个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），您可以在绿色下看到蓝色的“框”。

是否可以将“内容” div强制设置为100px高？

Answer 1

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

Answer 2

尝试在#content div上执行overflow：hidden或overflow：auto ，看看是否能给您所需的结果。 您可能还需要发出padding：0px； 和margin：0px; 在您的div上。