Home/ Questions/Q 7931763
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-03T20:48:59+00:00

If I have the following structure, for example, in a single page layout: <div

  • 0

If I have the following structure, for example, in a single page layout:

<div id="container">
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
<div id="div4"></div>
</div>

Is it possible to set the minimum height of divs 1-4 to 100%, and position each div one under the other, using CSS alone? Ive created a page where the each div is 100% in height but problems begin to arise when the content of the divs are longer than the browser window. There seem to be a lot of min-height 100% related articles but I haven’t found one yet where there is more than one div involved.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    For height or min-height to work correctly on a element, the parent of a element needs to have a explicit height declared. This goes all the way up in your DOM tree.

    There shouldn’t be a difference for rendering one or multiple div elements with min-height as far as I know, so yes it is possible to do the positioning with CSS alone.

    See Percentage Height HTML 5/CSS for more details

    • 0