negative-block-margin-pushing-float-out-of-block-formatting-context.html (657B)
1 <!DOCTYPE html> 2 3 <link rel="author" title="Martin Robinson" href="mailto:mrobinson@igalia.com" /> 4 <link rel="help" href="https://drafts.csswg.org/css2/#float-position"/> 5 <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."/> 6 <link rel="match" href="negative-block-margin-pushing-float-out-of-block-formatting-context-ref.html"/> 7 8 <body> 9 <div style="height: 100px;"></div> 10 <div style="position: absolute;"> 11 <div style="float: left; width: 50px; height: 50px; margin-top: -100px; background: green;"></div> 12 </div> 13 </body>