Margin-Collapse: Kontrolle und Vermeidung
Um die Margin-Collapse-Phänomene zu kontrollieren, können wir den margin-top und margin-bottom von Elementen oder benachbarten Elementen setzen. Diese Werte werden dann nicht zusammengefallen. Beim Vermeiden von Margin-Collapse, können wir auch den overflow-Eigenschaften des CSS verwendet, um sicherzustellen, dass die Margins nicht überschneiden.
<div style="background-color: lightblue; margin: 10px; overflow: hidden;">
<p style="margin: 10px;">Dieser Absatz hat 10px Margin, aber seine Margin-Collapse-Phänomene werden verhindert.</p>
</div>
<div style="background-color: lightblue; margin: 10px;">
<p style="margin: 10px;">Dieser Absatz hat 10px Margin, sein Margin-Collapse-Phänomen wird jedoch nicht verhindert.</p>
</div>