Why are the margins of adjoining sections not collapsing? [closed]

Question

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.

---

Closed 8 years ago.

• Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
• This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.

Improve this question

I have several sections each with margin: 10px; but the vertical margins seem to double up into 20px instead of collapsing into 10px like they should. Any idea why this might be happening?

Answer 1

• (Larger) margins of a child element may collapse through their container and push the other element further away
• Margins of floating elements do not collapse
• Margins of absolutely positioned elements do not collapse

Answer 2

I suggest reading the specification. My guess would be that you have either a border, or some padding that is preventing the collapse.