0

2つのdivが並んでいます。

左の div の高さはすべて異なります。右の div を自動的に左の div のサイズに変更するにはどうすればよいですか? 右の div のコンテンツが左の div よりも大きい場合は、スクロール バーを追加する必要があります。

HTML

<div class="wrapper">
    <div class="left"><!-- PHP Generated Content --></div>
    <div class="right"><!-- PHP Generated Content --></div>
</div>

CSS

.left{
    width: 70%;
    float: left;
}
.right{
    width: 29%;
    float: right;
    border: solid 1px #000000;
    height: 100%;
    min-height: 200px;
    overflow: auto;
}
.wrapper{
    height: auto;
    float: left;
    border: solid 1px red;
}

http://jsfiddle.net/userdude/MJrS9/

4

2 に答える 2

0

親の「.wrapper」に事前定義された高さを指定しないと、「。left」に対して設定された高さを検出して「.right」に適用する方法はありません（私が見ることができます）。右のdivの高さを「inherit」に設定しても、とにかく動的に調整されている高さのみを取得します。おそらく誰かがjavascriptを使用して解決策を提案する可能性があります。

于 2013-01-13T02:03:06.687 に答える
0

簡単な同じ高さの列:

.left{
    width: 70%;
    display: table-cell;
}
.right{
    width: 29%;
    border: solid 1px #000000;
    display: table-cell;
}
.wrapper{
    display: table;
    border: solid 1px red;
    width: 100%;
}

http://jsfiddle.net/g5mvs/

于 2013-01-12T23:42:36.360 に答える