1

私はstackoverflowの周りを検索しましたが、答えが見つかりませんでした。問題は次のとおりです。

2 つの div があり、一方が他方の上にあります。下のdivの高さに応じて高さを調整するために、上のdivが必要です。

<div id="parent" style="height:300px">
   <div id="div1" style="height:auto"></div>
   <div id="div2" style="height:45px"></div>
</div>

これは、下部の div を表示/非表示にするつもりであり、親の div を埋めるために上部の div のサイズを変更する必要があるためです。

最初の div (適応する必要があるもの) には、overflow:scroll を含む長いコンテンツがあることを忘れていました。

助けてください。

ありがとう

4

1 に答える 1

0

このために、display:tableプロパティを使用できます。次のように書きます。

#parent{
 display:table;
 height:300px;
 width:100%;
}
#parent > div{
    display:table-row;
}
#div1{
    background:red;
}
#div2{
    background:green;
    height:45px;
}

これをチェックしてくださいhttp://jsfiddle.net/7NuFr/

于 2012-09-04T08:04:36.103 に答える