24
Entonces, ¿el colapso del margen ocurre esencialmente cuando no se establece ningún margen o relleno o borde en un elemento div dado?Colapso del Margen CSS
A
Respuesta
73
No. Cuando usted tiene dos márgenes verticales adyacentes, el mayor de los dos se utiliza y el otro es ignorado.
Así, por ejemplo, si tiene dos elementos de visualización en bloque, A, seguido por B debajo de él, y A tiene un margen inferior de 3em, mientras que B tiene un margen superior de 2em, entonces la distancia entre ellos serán 3em.
Si establece un borde o relleno, esto evita que se produzca el colapso. En el ejemplo anterior, la distancia entre los dos elementos será de 5em.
Si no establece ningún margen, entonces no habrá ningún margen para contraer. No tiene nada que ver con el tipo de elemento en uso: es aplicable a todos los tipos de elementos, no solo a los elementos <div>. Para obtener más detalles, lea the CSS 2.1 specification para obtener más información.
4
"la expresión colapso márgenes significa que los márgenes adyacentes (sin no vacía de contenido, relleno o borde áreas o aclaramiento separados) de dos o más cajas (que puede ser uno junto al otro o anidada) se combinan para formar un solo margen ".
Cuestiones relacionadas
- 1. ¿Por qué razón las reglas de colapso de margen se introdujeron en CSS?
- 2. CSS: Superior vs Margen superior
- 3. Centro auto de margen CSS con margen superior - ¿VÁLIDO?
- 4. CSS: color de fondo solo dentro del margen
- 5. ¿Cuál es el punto de los márgenes de colapso CSS?
- 6. Ayuda de depuración de CSS: colapso de div vacío
- 7. CSS Posición fija con Margen automático
- 8. CSS Margen de pie de página adhesivo
- 9. CSS * {margen: 0; relleno: 0;} sobrescribir
- 10. css - círculo con margen en el borde
- 11. ¿Colapso de referencia?
- 12. expand colapso lista desordenada
- 13. Configuración del margen del botón mediante programación
- 14. menú desplegable de bootstrap en colapso,
- 15. ¿Utiliza un margen de porcentaje en CSS pero quiere un margen mínimo en píxeles?
- 16. CSS Ancho de tabla: margen de 100% + menos
- 17. CSS Diseño automático de ancho y sin margen: auto
- 18. css table-cell, el contenido tiene un margen superior innecesario
- 19. Relleno predeterminado de la tabla CSS o margen
- 20. En un ExpandableListView, ¿cómo detectar el colapso del grupo?
- 21. Posición de fondo CSS arriba derecha ¿agregar un margen?
- 22. html, css - extraño margen invisible debajo de las imágenes
- 23. CSS: se deben usar para margen y relleno
- 24. CSS: Margen superior cuando el elemento primario no tiene borde
- 25. Margen de div interno que afecta al margen de div
- 26. Cómo eliminar el espacio de margen alrededor del cuerpo o borrar los estilos predeterminados de css
- 27. Diseño fluido de CSS: margen superior según el porcentaje crece cuando el ancho del contenedor aumenta
- 28. cómo establecer el margen de texto interno del botón
- 29. Cómo deshabilitar el colapso de una ExpandableListView?
- 30. CSS a PDF, el CSS en Flying Saucer: -fs-table-paginate resultado en border-collapse: colapso no válido
Responderá la respuesta, dado algunos cambios: 1. En el ejemplo '3em/2em', es posible que desee utilizar unidades absolutas en su lugar; en este caso, el 2em/could/be mayor que 3em 2. "Si establece un borde o relleno ..." - esto solo es cierto en ciertos casos, no en el estándar 'A seguido de B' –
3. "Si no establece ningún ..." convencionalmente cierto para los DIV pero el colapso de los márgenes Afectará a la mayoría de los elementos de forma predeterminada –
+1 - buena respuesta. Además, el colapso del margen no ocurre cuando los elementos flotan, están absolutamente posicionados o bloqueados en línea. Más información: http://reference.sitepoint.com/css/collapsingmargins –