Expanding a parent <div> to the height of its children

Question 1

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. I would like the scrollbar to be at the page level. Currently, my parent div is set to overflow: auto;

Can you please help me with the CSS for this?

Question 2

You can try using the code given below for the parent like this:

overflow:auto;

UPDATE:

Or else, you can use this code:

Parent:

display: table;

Child:

display: table-row;

Soni Kumari · Answer 1 · 2019-09-07T06:43:25+0000