Home/ Questions/Q 3395988
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-18T04:21:15+00:00

I have a very simple html code: <body> <div id=container> <div id=left> some text

  • 0

I have a very simple html code:

<body>
        <div id="container">
            <div id="left">
                some text here
            </div>
            <div id="right">
                and some text here
            </div>
        </div>
    </body>

and styles:

div#left {
    float: left;
    background: #e2e2e2;
}

div#right {
    float: right;
    background: #1469ab;
}

I want to have the height of div #container equal to heights of it’s content, but now it actually 0. How to implement this behavior?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    you should apply a non-structural clearing to the container
    like easyclearing http://www.positioniseverything.net/easyclearing.html

    otherwise you can also specify height: auto; overflow: hidden to the container

    • 0