親の拡張 子供たちの身長まで

親の拡張 子供たちの身長まで

次のようなページ構造があります:

<body>
  <div id="parent">
    <div id="childRightCol">
      /*Content*/
    </div>
    <div id="childLeftCol">
      /*Content*/
    </div>
  </div>
</body>

内側のが大きくなったら親もdiv拡大して欲しいです。heightdivheight

編集:
1つの問題は、width子コンテンツの がwidthブラウザウィンドウの を超えて拡張されると、現在の CSS では親に水平スクロールバーが表示されることですdiv。スクロールバーをページレベルにしたいのですが、現在、親 div は次のように設定されています。overflow: auto;

これの CSS について教えていただけますか?

ベストアンサー1

これを親に試してみて下さい。私の場合は効果がありました。

overflow:auto; 

アップデート:

効果があったもう一つの解決策:

display: table;

子供

display: table-row;

おすすめ記事