0

メインの div には 2 つの div (見出し用とコンテンツ用) が含まれています。メイン div は、絶対位置で html ページの下部に配置されます。コンテンツ div を非表示にすると、ページの下部のスペースが占有されます。

jquery トグルを行うには、ヘッダー div のみを表示する必要があります。

<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

の場合.tll、高さを に設定します100px。

.tllHだけ20pxで偶然.tllCです80px。

于 2013-09-01T04:23:38.423 に答える
1

これはheight、メイン コンテナの が固定されているためです。解決策は、このフィドルにあります。

于 2013-09-01T04:27:23.053 に答える
1

.tll{height: auto} を設定すると問題が解決しました!

于 2013-09-01T04:28:37.603 に答える