1. ホーム
  2. html

[解決済み] Expanding a parent <div> to the height of its children

2022-03-16 06:36:29

Question

I have a page structure similar to this:

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

I would like for the parent div to expand in height when the inner div 's height increases.

Edit:
One problem is that if the width of the child content expands past the width of the browser window, my current CSS puts a horizontal scrollbar on the parent div . 私は、スクロールバーをページレベルにしたいのです。現在、私の親divは次のように設定されています。 overflow: auto;

この場合のCSSについて、ご教授いただけないでしょうか。

どのように解決するのですか?

親にこれを試してみてください。

overflow:auto; 

UPDATEです。

もう1つ、うまくいった解決策を紹介します。

:

display: table;

子供 :

display: table-row;