propiedades - ¿Es una mala práctica usar márgenes negativos o relleno en CSS

propiedades css de posicionamiento y dimensión

Question

Tomemos, por ejemplo, esta imagen de un proyecto en el que estoy trabajando ... El fondo azul es un DIV que se encuentra dentro de otro DIV que envuelve toda la sección de contacto de la barra lateral. Para que el Blue BG DIV tenga el borde redondo y no tenga un hueco debido al margen / relleno de los padres, tuve que usar márgenes negativos
margin: -9px -2px 8px -6px;

Entonces la pregunta es, ¿es una mala práctica usar márgenes negativos o relleno?

Answer 1

Los márgenes negativos son una excelente manera de negar el relleno dentro de un elemento para encabezados, etc. No he encontrado resultados negativos (perdón por el juego de palabras) de usar márgenes negativos. P.ej:

<div style="padding:10px;border:1px solid blue;">
 <div style="margin:-10px -10px 10px -10px;backgorund-color:yellow;">Full width heading</div>
 The content of the div which is now padded in by ten pixels.
<div>

Me preocupé por los márgenes negativos cuando los descubrí por primera vez, pero me parecieron muy útiles porque hay muchas áreas de diseño, que en realidad reducen el número de div y limpian el código del diseño.

Answer 2

No; no es una mala práctica, siempre y cuando sea consciente del hecho de que está utilizando márgenes negativos, y que esto necesariamente "extrae" / "mueve" los elementos de su posición "normal".

¿Por qué te preocuparías por esto?