title: Sep 30 2018 - 09:28:45 PM
date: 2018-09-30 21:28:45
slug: 30-092845-pm
status: published
bookmark_of: {"url": "https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Box_Model/Mastering_margin_collapsing", "title": "Mastering margin collapsing - CSS: Cascading Style Sheets | MDN", "is_image": false, "scrape": false, "_url": null, "type": "website", "image": "https://developer.mozilla.org/static/img/opengraph-logo.72382e605ce3.png", "site_name": "MDN Web Docs", "description": "The top and bottom margins of blocks are sometimes combined (collapsed) into a single margin whose size is the largest of the individual margins (or just one of them, if they are equal), a behavior known as margin collapsing. Note that the margins of floating and absolutely positioned elements never collapse.", "summary": "The top and bottom margins of blocks are sometimes combined (collapsed) into a single margin whose size is the largest of the individual margins (or just one of them, if they are equal), a behavior known as margin collapsing. Note that the margins of floating and absolutely positioned elements never collapse."}
display_format: short-note
link: https://jj.isgeek.net/2018/09/30-092845-pm/
titleless: True
syndication: https://twitter.com/jjdelc/status/1046512204231692289


This explains a lot of CSS nonsense.Sadly it is also nonsense itself. 

 I always fight it with P elements.