Home/ Questions/Q 4324050
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-21T09:04:50+00:00

for example : I just have two divs in a body, body’s height is

  • 0

for example :
I just have two divs in a body, body’s height is 100%:

<body>
<div id="menuBar" style="height:30px"></div>
<div id="content"></div>
</body>

I want #content can auto adopt the height left in browser window

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    First off: Why do you want to do this? Normally something like this is not necessary, and you just need to to look as if content fills the rest of the window, and there are better solutions depending on your actual objective.

    Especially the fixed height in pixels of the “menu bar” will be problematic – keep in mind it’s not possible to force a specific font size on your user!

    If you really know that this what you want, then you can position content absolutely:

    #content {
    position: absolute;
    top: 30px;
    bottom: 0;
    left: 0;
    right: 0;
}

    (However this isn’t supported by IE6.)

    • 0