0

私は次の html レイアウトを持っており、左内側の div または右内側の div にあるページに応じて、より多くのコンテンツが含まれる場合があります。ラップ div の高さがいずれかの内部 div の大きい方と等しくなるように css コードを構成するにはどうすればよいですか? 私の現在のコードは、左側の列に基づいて外側の div のみを展開しますが、右側の列にさらにコンテンツがある場合、正しく機能しません。左の列で min-height を使用していましたが、うまく機能しません。任意のガイダンスをいただければ幸いです。ありがとう！

ありがとう

HTML: `

<div id="wrap">

    <div id="inner-left">
        content left
    </div>

    <div id="inner-right">
         content right
    </div>

</div>

CSS:

#wrap{
height: 100%;
overflow: auto;
position: relative;
}

#inner-left{
    overflow: auto;
}

#inner-right{
    position:absolute;margin-left:640px;
}
4

1 に答える 1

1

親に設定overflow:hiddenすると、コンテンツをラップしようとする必要があります。これを試して：

#wrap{
   overflow: hidden;
}

#inner-left{
    float:left;
}

#inner-right{
    float:right;
}
于 2013-05-29T23:54:51.577 に答える