0

我有一个主 div 包含两个 div（一个用于标题，另一个用于内容）。主 div 以绝对定位放置在 html 页面的底部。当我隐藏内容 div 时，它仍会占用页面底部的空间。

我只需要显示标题 div 来进行 jquery 切换..

<div class="tll">
    <div class="tllH">

    </div>
    <div class="tllC">

    </div>
</div>

<style>
    .tll{
        background: yellow;
        height: 100px;
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .tllH{
        background: green;
        height: 20px;
        width: 100%;
    }

    .tllC{
        background: magenta;
        height: 80px;
        width: 100%;
        display: none;
    }
</style>
4

3 回答 3

1

这是因为height主容器的 是固定的，解决方案存在于这个小提琴中。

于 2013-09-01T04:27:23.053 回答
1

设置 .tll{height: auto} 解决了这个问题！

于 2013-09-01T04:28:37.603 回答
1

对于.tll，您将高度设置为100px。

.tllH只是20px，巧合.tllC的是80px。

于 2013-09-01T04:23:38.423 回答