La diferencia entre margen y relleno en CSS

Existen tres diferencias entre margen y relleno en CSS.

En CSS, margen se refiere a la distancia desde su propio borde hasta el borde de otro contenedor, que es la distancia fuera del contenedor. En CSS, el relleno se refiere a la distancia entre su propio marco y el borde de otro contenedor dentro de sí mismo, que es la distancia dentro del contenedor.

1. Estructura gramatical.

relleno:

relleno-izquierda: 10px; relleno izquierdo, relleno-derecha: 10px; relleno-superior: 10px; relleno.

margen: margen izquierdo: 10px; margen izquierdo, margen derecho: 10px; margen superior: 10px; margen inferior: 10px;

2. Valores posibles.

relleno: longitud especifica la longitud del relleno en unidades específicas, la longitud del relleno se basa en el ancho del elemento principal, el navegador automático calcula el relleno, heredar especifica que el relleno debe heredarse del elemento principal elemento .

margen: ¿longitud? especifica la longitud del margen en unidades específicas, la longitud del margen se basa en el ancho del elemento principal, el navegador automático calcula el margen y hereda especifica de qué margen se debe heredar. el elemento padre.

3. Problemas de compatibilidad del navegador.

relleno: todos los navegadores admiten el atributo de relleno y ninguna versión de IE admite el valor del atributo "heredar".

margen: todos los navegadores admiten el atributo de margen y ninguna versión de IE admite el valor del atributo "heredar".