1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-05-23 23:45:07 +00:00
serenity/Tests/LibWeb/Layout/input/block-and-inline/block-with-hidden-overflow-after-sibling-float.html
Andi Gallo 6a17a30e2e LibWeb: Handle overlapping floating box and left margin
Allow the left margin of a box which creates a block formatting context
to overlap with left floating boxes which are siblings in the document
tree.

Fixes #20233 and the comment layout on https://lobste.rs.
2023-07-28 12:44:09 +02:00

26 lines
No EOL
373 B
HTML

<style>
.a {
float: left;
}
.a4 {
display: block;
}
.c {
overflow: hidden;
}
</style>
<div>
<div>
<div class="a">
<div class="a4">AAAA</div>
<div>A</div>
</div>
</div>
<div style="margin-left: 100px">
<div>B</div>
<div class="c">C</div>
</div>
</div>