Kastmodel: CSS margesamenvoeging
- Vorige pagina CSS marginaal
- Volgende pagina Overzicht van CSS positie
Margesamenvoeging verwijst naar het feit dat wanneer twee verticale marges elkaar ontmoeten, ze een marge vormen.
De hoogte van de samengevoegde marge is gelijk aan het grootste van de hoogtes van de samenvloeiende marges.
Margesamenvoeging
Margesamenvoeging (opslag) is een relatief eenvoudig concept. Maar in de praktijk van het indelen van webpagina's kan het veel verwarring veroorzaken.
In eenvoudige termen, margesamenvoeging verwijst naar het feit dat wanneer twee verticale marges elkaar ontmoeten, ze een marge vormen. De hoogte van de samengevoegde marge is gelijk aan het grootste van de hoogtes van de samenvloeiende marges.
Wanneer een element boven een ander element verschijnt, raken de onderste marge van het eerste element en de bovenste marge van het tweede element samen. Kijk naar de afbeelding hieronder:

Wanneer een element wordt opgenomen in een ander element (veronderstel dat er geen binnenmarge of rand is die de marges scheidt), raken hun bovenste en/of onderste marges ook samen. Kijk naar de afbeelding hieronder:

Hoewel het er misschien een beetje raar uitziet, kunnen marges zelfs met zichzelf samenvloeien.
Stel dat er een lege element is die een marge heeft, maar geen rand of vulming. In dit geval raken de bovenste en onderste marges elkaar en sluiten ze samen:

Als deze marginaal bots op de marginaal van een andere element, zal het ook samenvoegen:

Dit is de reden waarom een reeks paragraaf elementen zo weinig ruimte inneemt, omdat alle marginaal samenvoegen samenvoegen in een kleine marginaal.
De marginaal samenvoegen ziet er op het eerste gezicht misschien wat vreemd uit, maar het heeft eigenlijk een betekenis. Neem een typische tekstpagina met meerdere paragrafen als voorbeeld. De ruimte boven de eerste paragraaf is gelijk aan de bovengemarginaal van de paragraaf. Als er geen marginaal samenvoegen is, zal de marginaal tussen alle volgenden paragrafen het som van de bovenste en onderste marginaal zijn. Dit betekent dat de ruimte tussen de paragrafen twee keer zo groot is als aan de top van de pagina. Als er marginaal samenvoegen optreedt, zullen de bovenste en onderste marginaal samenvoegen, zodat de afstanden consistent zijn.

Opmerking:Alleen de verticale marginaal van blokken in de gewone documentstroom zullen samenvoegen. De marginaal tussen inline boxen, float boxen of absolute posities zullen niet samenvoegen.
- Vorige pagina CSS marginaal
- Volgende pagina Overzicht van CSS positie