Steve Horn Steve Horn - 6 months ago 119
CSS Question

Expand Parent Div To Child Height

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
height
expands.

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?

Answer

Try this for the parent, it worked for me.

overflow:auto; 

UPDATE:

One more solution that worked:

Parent:

display: table;

Child:

display: table-row;
Comments