La Red de Conocimientos Pedagógicos - Currículum vitae - Varias razones por las que el atributo cssmargin-top no funciona

Varias razones por las que el atributo cssmargin-top no funciona

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 borde exterior después de fusionar 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 fallen los márgenes establecidos en los elementos secundarios. 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á establecido en oculto.

La fusión de márgenes no se producirá en el navegador IE6.