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 CSS Layout Basics Getting Started with CSS Layout Getting Started with CSS Layout Review

Marko Delgadillo
Marko Delgadillo
4,524 Points
Posted by Marko Delgadillo
Marko Delgadillo
4,524 Points

When does a vertical margin collapse?

When does a vertical margin collapse?

I couldn't answer this question nor do I know where in the course was the answer located.

Anybody with an explanation, please help me!

Thank you

2 Answers

james south
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
james south
Front End Web Development Techdegree Graduate 33,271 Points
james south
.a{fill-rule:evenodd;}techdegree seal-36
james south
Front End Web Development Techdegree Graduate 33,271 Points

they collapse when there is no border, padding or content area interrupting two touching margins. the smaller margin will collapse and the only margin present will be the larger of the two.

chrisgoodell
chrisgoodell
4,541 Points
chrisgoodell
chrisgoodell
4,541 Points

Simplified answer: When two margins touch the smaller margin collapses and only the larger of the two serves as the margin