Márgenes negativos

PPK profundiza en el tema , que lamentablemente encontró oculto en la documentación de tecnología web. Nuestra entrada no los menciona en absoluto, lo cual intentaré solucionar.

Acordar esta situación:

Este es, con diferencia, el caso de uso más común de márgenes negativos. Le das a un contenedor 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, los márgenes negativos me parecen bastante intuitivos. Aunque eso es sorprendente ya que hay tantas rarezas, como cómo a veces afectan al elemento aplicado a sí mismo (por ejemplo, moverse hacia la izquierda) y a veces afectan a otros elementos (por ejemplo, mover otros elementos hacia arriba), además del hecho de que afecta el colapso del margen , que Es raro de todos modos.

Probablemente sería inteligente hacer este margen direccional también con propiedades lógicas .

Enlace directo →