Razón 1:
El atributo de margen superior de la combinación del margen exterior no es válido. El ejemplo de código es el siguiente:
Ant Tribe
.first{
ancho:100px;
alto:100px;
color de fondo: rojo;
margen-bottom:60px;
}
.segundo{
ancho :100px;
altura:100px;
color de fondo: verde;
margen superior:40px;
}
De la operación del código anterior, podemos ver que el margen superior establecido por el segundo div no tiene efecto. Lo que funciona es el margen inferior establecido por el primer div. es decir, el margen exterior después de la fusión La altura del margen es igual a la mayor de las alturas de los márgenes, por lo que en este caso puede prestar especial atención a la configuración del tamaño del margen.
Razón 2:
Los elementos secundarios y principales también pueden causar que los márgenes establecidos en los elementos secundarios fallen. El ejemplo de código es el siguiente:
Ant Tribe.
.padre{
ancho:300px;
alto:300px;
fondo-color:rojo;
margen-superior:20px;
}
.children{
ancho:100px;
alto:100px;
background-color:blue;
margin-top:10px;
}
Solución:
Como padre Esto se puede evitar si el objeto tiene un borde y un relleno en la dirección del margen correspondiente, o si el valor del atributo de desbordamiento está configurado como oculto.
La fusión de márgenes no se producirá en el navegador IE6.