0

コンテナーの下部に展開する div を作成しようとしています。レイアウトは、親コンテナー内の 2 つの列で構成されます。両方の列の幅はパーセンテージで、親コンテナーと左の列の高さは、左の列のスライドショーに基づいて拡張されます。右の列の高さを左の列と一致させたいので、下に何かを配置できます。いろいろ試してみましたがだめでした。ここにページがあります：

http://whub30.webhostinghub.com/~scottl9/testindex2.html

htmlは

<div id="content_section">
    <div class="imgwrap">
      <div class="imgwrap2">
         Left-column content
      </div>
      <div class="playersection">
         Right-column content
      </div>
    </div>
<div class="clearall"></div>
</div>

対応するCSSは

 #content_section { position:relative; min-height:400px; min-width:600px; max-height: 1000px; max-width:2000px;}
.imgwrap {position:relative; width:100%; height:auto; min-width:409px; min-height:230px; border-style:solid; border-width:medium; display: inline-block;}
.imgwrap2 {position:relative; float:left; width:70%; height:auto;}
.playersection {border-style:solid; width:30%; position: relative; float: right; border-width:medium;}
.clearall {clear:both;}`

（divが見えるように境界線を追加しました。）どんな助けでも大歓迎です！

4

1 に答える 1

0

Right Column の高さを 100% に変更してみてください。

.imgwrap2 {position:relative; float:left; width:70%; height:100%;}
于 2012-07-31T20:10:58.047 に答える