miércoles, 26 de noviembre de 2014

Resolviendo el problema del margin-top

Cuando le doy margin: 0 al body, el margin del h1 interno parece aplicársele a su padre (hacer click en Result):

Esto se debe a la propiedad de collapse de márgenes verticales: el margin-top del h1 se combina con el margin-top de su padre, que se combina con el margin-top del body.

Se explica aquí la razón y algunas técnicas para solucionarlo: Understanding & Taming Collapsing Margins in CSS.

Una que me parece funciona bien es dar padding: 0.1px 0; al elemento padre del h1: