Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Zach Robinson
Zach Robinson
8,862 Points
Posted by Zach Robinson
Zach Robinson
8,862 Points

Why does giving padding to the body pull the page down enough to see behind the header?

The reason I ask this is because the .main-header element that the body is initially hidden behind, is still a child element of the body, right? Am I correct in assuming that this works because the .main-header element has been given a fixed position, exempting it from any sort of padding values placed on the body element, even though it's nested inside?

1 Answer

edeharrison
.a{fill-rule:evenodd;}techdegree
edeharrison
Full Stack JavaScript Techdegree Student 11,127 Points

Hi Zach,

That's right. If you apply a fixed position (or an absolute position) to an element, it takes it out of the normal document flow. So the fact that's nested isn't really relevant anymore.

All the best,

Ede