Css Height 100% Still Overflows

Currently, I have a code like this

Solution 1:

I believe your problem has to do with the fact that both inside-left and inside-right are floating elements within the containing div. If you add the following to your style sheet:

#inside-bottom{
    clear:both;
}

And then add the following just below your inside-right div definition:

<div id="inside-bottom"></div>

You will get a much better result.

Solution 2:

It's been a while since I've coded CSS, but isn't there a way to turn the scrollbar on? Would this be useful and make that box scrollable.

Better yet, I think there is some attribute called overflow. I'm pretty sure if you turn overflow off (in inside-right) it should solve your problem.

Hope this helps. Sorry if I'm completely wrong.

Solution 3:

inside CSS for

#inside-box add {overflow:auto;}

#inside-right add {border: 1px solid #fff;}

Inform if it you get correct

Thank you

Share