Get a free trial // Grow your CSS skills // Land your dream job

Expanding a div to be the full size of the body

  • # July 11, 2009 at 6:51 am


    Got a question about the parallax effect screencast, #9. It’s about expanding the div to be the full size of the body.

    I realize that divs normally expand to be only as big as necessary to contain their content.

    What I don’t get is why it’s necessary to use the position: absolute; left: 0; top: 0 … etc trick. Why doesn’t height: 100% & width: 100% work?


    # July 11, 2009 at 11:26 am

    because you have to declare what 100% is.
    put this in your css and it will work

    body, html{
    width: 100%;
    height: 100%;

    then if you say that a div has to have a height of 100% it knows what 100% is.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed