Home/ Questions/Q 6926535
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T10:55:50+00:00

I am using the following CSS for a container DIV with height of html

  • 0

I am using the following CSS for a container DIV with height of html and body set to 100%, and yet it is not stretching beyond the edge of the window on this page, i.e. when scrolling up to reveal content lower down the page, the container DIV is not showing:

#container {
  padding: 0;
  margin: 0;
  background-color: #292929;
  width: 1200px;
  margin: 0 auto;
  min-height: 100%;
}

Could someone please let me know why this isn’t working.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Add overflow: hidden to:

    #container {
    overflow: hidden; /* Right here */
    background-color: #292929;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    min-height: 100%;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    width: 1200px;
}

    That will cause #container to flow past the bottom of the floated elements within it that should give it it’s calculated height. Another option is to do a .clearfix.

    • 0