3

次のような HTML があります。

<div class="container">
    <div class="banner"></div>
    <div class="left"></div>
    <div class="right">
        <div class="content"></div>
    </div>
</div>

これらdivは、コンテンツに基づいて自動サイズ変更されoverflow: autoます。今、私は問題に直面しています。div:content親をオーバーフローするとdiv: right、高さdiv: containerに合わせてサイズが変更されます。div:contentでもdiv: left高さは変わらない。div: left高さの変更時に高さの自動サイズ変更を行うにはどうすればよいdiv: containerですか?

ここに jsfiddle があります: http://jsfiddle.net/tongcuong1710/cDqSj/2/

4

1 に答える 1

6

これを試すことができます：

.left {
    width: 200px;
    overflow: auto;
    background-color: blue;
    position:absolute;
    top:140px;
    left:0;
    bottom:0;
}

.right {
    width: 300px;
    min-height: 260px;
    overflow: auto;
    background-color: green;
    margin-left:200px;
}

デモンストレーション

質問を正しく理解したことを願っています-コンテンツの高さを変更しようとすると、正常に動作するようになりました。

于 2013-05-18T08:14:04.693 に答える