24
Donc, est-ce que la réduction des marges se produit essentiellement lorsque vous ne définissez aucune marge ou marge ou marge à un élément div donné?CSS Margin Collapsing
A
Répondre
73
Non. Lorsque vous avez deux marges verticales adjacentes, plus des deux est utilisé et l'autre est ignorée. Par exemple, si vous avez deux éléments d'affichage de bloc, A, suivi de B en dessous, et A a une marge inférieure de 3em, tandis que B a une marge supérieure de 2em, alors la distance entre ils seront 3em.
Si vous définissez une bordure ou un remplissage, cela empêche l'effondrement. Dans l'exemple ci-dessus, la distance entre les deux éléments sera alors 5em.
Si vous ne définissez aucune marge, aucune marge ne sera réduite. Il n'a absolument rien à voir avec le type d'élément utilisé - il s'applique à tous les types d'éléments, et pas seulement aux éléments <div>. Pour plus de détails, lire the CSS 2.1 specification.
4
« l'expression des marges effondrement signifie que les marges adjacentes (pas de contenu non-vide, les zones de remplissage ou de la frontière ou la clairance les séparent) de deux ou plusieurs boîtes (qui peut être à côté de l'autre ou imbriqués) se combinent pour former une seule marge. "
Questions connexes
- 1. CSS Margin Auto
- 2. Propriété margin-top dans CSS
- 3. Collapsing code javascript dans visual studio
- 4. margin-top ne fonctionne pas avec: avant
- 5. Est-ce que Margin et Padding sont implémentés par ContentControl?
- 6. HTML CSS ajoutant une ligne supprime css
- 7. CSS - Mise en forme du lien associé Amazon avec CSS
- 8. Problème d'ombre CSS/HTML
- 9. Position CSS changement/problème
- 10. Fusion de classes CSS
- 11. css pleine hauteur?
- 12. Est-ce un bug CSS?
- 13. Problèmes d'espacement CSS avec Safari?
- 14. CSS Column Divs Aide requise
- 15. Problème d'alignement CSS
- 16. Fond et CSS Floats
- 17. Marge CSS comportement étrange, pourquoi?
- 18. CSS: Div à venir comme ligne suivante
- 19. css pirater Safari sur Mac
- 20. Problèmes CSS - 960.gs
- 21. Safari: Ignorer beaucoup de CSS
- 22. centre texte align avec css
- 23. En ligne CSS IE hack
- 24. Qu'est-ce que @page dans CSS?
- 25. problème marge CSS étrange
- 26. Dilemme remplaçant CSS
- 27. CSS Master Reset - Inconvénients?
- 28. CSS Pullquote avec des images
- 29. Positionner le fragment CSS HTML
- 30. question de CSS. Comment puis-je obtenir blueprint css pour travailler sur les rails tabnav widget?
Validera la réponse, moyennant quelques modifications: 1. Dans l'exemple '3em/2em', vous pouvez utiliser des unités absolues à la place; dans ce cas, le 2em/pourrait/être plus grand que le 3em 2. "Si vous définissez une bordure ou un remplissage ..." - ceci n'est vrai que dans certains cas, pas dans le cas standard 'A suivi de B' –
3. "Si vous ne définissez aucun ..." conventionnellement vrai pour les DIV mais l'effondrement des marges affectera la plupart des éléments par défaut –
+1 - bonne réponse. De plus, l'effondrement de la marge ne se produit pas lorsque les éléments sont flottants, positionnés de manière absolue ou en ligne. Plus d'infos: http://reference.sitepoint.com/css/collapsingmargins –