Home/ Questions/Q 9038847
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-16T09:35:18+00:00

I need to set height:100% . Here is my code: #wrapper{ width: 100%; height:

  • 0

I need to set height:100%. Here is my code:

#wrapper{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 50px 10px 0 0 !important;
    /*border: 1px solid red;*/
}

#left-side{
    border: 1px solid red;
    float: left;
    background-color: #FFFFFF;
    height: 100%;
    margin: 0 20px 0 10px;
    width: 200px;
}
#right-side{
    border: 1px solid green;
}

<body>
    <div id="wrapper">
        <div id="left-side">
            lol
        </div>
        <div id="right-side">
            <!-- squares -->
        </div>
    </div>
</body>

picture

Where is the problem?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    When you work with percentages, it’s relative to it’s parent.
    Your #wrapper has a parent (body) with no defined height.

    In your css, add:

        html, body { height: 100% }

    And now your #wrapper can relate to it’s parent. This is because html has the browser window as it’s parent, the body html as it’s parent and so on.

    Demo fiddle

    • 0