Intellipaat Back

Explore Courses Blog Tutorials Interview Questions
0 votes
2 views
in Web Technology by (20.3k points)

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?

1 Answer

0 votes
by (40.7k points)

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;

Related questions

31k questions

32.8k answers

501 comments

693 users

Browse Categories

...