wpt / css / CSS2 / floats / negative-block-margin-pushing-float-out-of-block-formatting-context.html

Status: PASS | Duration: 5ms | Subtests: 1/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi

TestRefTest SourceRef Source

/css/CSS2/floats/negative-block-margin-pushing-float-out-of-block-formatting-context.html

<!DOCTYPE html>

<link rel="author" title="Martin Robinson" href="mailto:mrobinson@igalia.com" />
<link rel="help" href="https://drafts.csswg.org/css2/#float-position"/>
<meta name="assert" content="When a floating box has a negative margin negative enough that it pushes the float past the top of the block formatting context, it should render properly."/>
<link rel="match" href="negative-block-margin-pushing-float-out-of-block-formatting-context-ref.html"/>

<body>
<div style="height: 100px;"></div>
<div style="position: absolute;">
    <div style="float: left; width: 50px; height: 50px; margin-top: -100px; background: green;"></div>
</div>
</body>

/css/CSS2/floats/negative-block-margin-pushing-float-out-of-block-formatting-context-ref.html

<!DOCTYPE html>

<link rel="author" title="Martin Robinson" href="mailto:mrobinson@igalia.com" />
<meta name="assert" content="When a floating box has a negative margin negative enough that it pushes the float past the top of the block formatting context, it should render properly."/>

<body>
<div style="width: 50px; height: 50px; background: green;"></div>
</body>