1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-05-23 23:25:06 +00:00
serenity/Tests/LibWeb/Layout/input/block-and-inline/block-with-hidden-overflow-after-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

31 lines
No EOL
443 B
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<title>Block with hidden overflow after float</title>
<style>
.ab {
margin-left: 100px;
}
.a {
float: left;
}
.b {
overflow: hidden;
}
</style>
</head>
<body>
<div class="ab">
<div>
<div class="a">A</div>
</div>
<div class="b">B</div>
</div>
</body>
</html>