PPK profundiza en el tema, que encontró lamentablemente no cubierto en la documentación de tecnología web. Nuestra entrada no los menciona en absoluto, lo que intentaré solucionar.
Acuerde esta situación:
Este es, con mucho, el caso de uso más común de márgenes negativos. Le da a un recipiente un acolchado para que su contenido tenga algo de espacio para respirar. Sin embargo, desea que el encabezado abarque todo el contenedor, ignorando el relleno. Los márgenes negativos son el camino a seguir.
Como esto:
Como anécdota, encuentro los márgenes negativos bastante intuitivos. Aunque eso es sorprendente ya que hay tantas rarezas, como cómo a veces afectan el elemento aplicado a sí mismo (por ejemplo, se mueve hacia la izquierda) y a veces afectan a otros elementos (por ejemplo, mueve otros elementos hacia arriba), además del hecho de que afecta el colapso del margen, lo que es raro de todos modos.
Probablemente sería inteligente hacer estas cosas de margen direccional con propiedades lógicas también.
Enlace directo →