Compare Revisions

Margin collapsing

Change Revisions

Revision 68808:

Revision 68808 by natbob on

Revision 68809:

Revision 68809 by natbob on

Title:
Margin collapsing
Margin collapsing
Slug:
CSS/margin_collapsing
CSS/margin_collapsing
Tags:
css, "CSS Reference"
css, "CSS Reference"
Content:

Revision 68808
Revision 68809
n34        If there is no border, padding, inline content, <em>or <an34        If there is no border, padding, inline content, <em>or <a
> href="/en/CSS/clear" title="en/CSS/clear">clearance</a></em> to > href="/en/CSS/clear" title="en/CSS/clear">clearance</a></em> to 
>separate the <a href="/en/CSS/margin-top" title="en/CSS/margin-to>separate the <a href="/en/CSS/margin-top" title="en/CSS/margin-to
>p">margin-top</a> of a block with the <a href="/en/CSS/margin-top>p">margin-top</a> of a block with the <a href="/en/CSS/margin-top
>" title="en/CSS/margin-top">margin-top</a> of its first child blo>" title="en/CSS/margin-top">margin-top</a> of its first child blo
>ck, or no border, padding, inline content, <em>height, min-height>ck, or no border, padding, inline content, <em>height, min-height
>, or max-height</em> to separate the <a href="/en/CSS/margin-bott>, or max-height</em> to separate the <a href="/en/CSS/margin-bott
>om" title="en/CSS/margin-bottom">margin-bottom</a> of a block wit>om" title="en/CSS/margin-bottom">margin-bottom</a> of a block wit
>h the <a href="/en/CSS/margin-bottom" title="en/CSS/margin-bottom>h the <a href="/en/CSS/margin-bottom" title="en/CSS/margin-bottom
>">margin-bottom</a> of its last child, then those margins collaps>">margin-bottom</a> of its last child, then those margins collaps
>e. The collapsed margin ends up outside the parent. &lt;/dd&gt;>e. The collapsed margin ends up outside the parent.
t40        If there is no border, padding, inline content, height, ot40        If there is no border, padding, inline content, height, o
>r min-height to separate a block's <a href="/en/CSS/margin-top" t>r min-height to separate a block's <a href="/en/CSS/margin-top" t
>itle="en/CSS/margin-top">margin-top</a> from its <a href="/en/CSS>itle="en/CSS/margin-top">margin-top</a> from its <a href="/en/CSS
>/margin-bottom" title="en/CSS/margin-bottom">margin-bottom</a>, t>/margin-bottom" title="en/CSS/margin-bottom">margin-bottom</a>, t
>hen its top and bottom margins collapse. &lt;/dd&gt; &lt;/dt&gt; >hen its top and bottom margins collapse.&nbsp; More complex margi
>More complex margin collapsing (of more than two margins) occurs >n collapsing (of more than two margins) occurs when these cases a
>when these cases are combined.>re combined.

Back to History