Question

我的页面中有2个div：<div id="firtdiv" style="top:100px; left:200px; height:unknown"></div> <div style="top:unknow; height:200px" id="seconddiv"></div>

我将设置firstdiv的高度auto，因为我会放一个datalist所以我不知道它的高度。而secondiv的顶级财产将根据拳头的高度而改变。第二个div是firstdiv的底部。

我该怎么办？

Answer 1

我建议将两个DIV放在DIV中（设置为绝对值）。 '当你把两者都设置为绝对时，那么他们就没有办法互相推动。这是一个例子：

<div id="wrapper">
    <div id="content">
        Content...
    </div>

    <div id="bottom">
        Botom..
    </div>
</div>

对于CSS：

#wrapper
{
    position:absolute;
    top: 110px;
    left: -400px;
    width:800px;
}

#bottom
{
    border-top: 2px dotted #2259FF;
    font-family: ebrima;
    padding-top: 5px;
    height: 200px;
    margin-left: 50%;
    background-color:green;
}
#content
{
    padding: 0px;
    margin-left: 50%;
    min-height:400px;
    _height:400px;
    background-color:yellow;
}

如您所见，我将您的2 DIV放在父DIV（包装器）中。父DIV设置为绝对，就像您希望如何定位两个DIV一样。然后两个DIV没有定位到绝对位置，因此当内容增长时，第一个DIV将推动第二个div。此外，如果你想保留第一个DIV的最小高度，请设置一个min-height:400px，但要小心'因为Internet Explorer中的min-height存在问题，你可以做些什么来使其工作IE被_height:400px;用于考虑IE height min-height，IE将考虑_height（带下划线）但不考虑其他浏览器，因此它不会对其他浏览器产生影响。< / p>

<div>标签的高度</div>

1 个答案: