mirror of
https://github.com/RGBCube/serenity
synced 2025-05-23 23:55:06 +00:00
06d05b3c55
Before, we only ensured that boxes establishing BFC did not overlap with floats because that is what CSS 2.2 specification says. However, we should also apply the same for boxes establishing FFC or GFC as this aligns with the behavior of other browsers. Fixes https://github.com/SerenityOS/serenity/issues/21095
14 lines
No EOL
362 B
HTML
14 lines
No EOL
362 B
HTML
<!doctype html><style>
|
|
* { outline: 1px solid black; }
|
|
body { width: 400px; }
|
|
.right {
|
|
float: right;
|
|
background: orange;
|
|
}
|
|
.flex {
|
|
display: flex;
|
|
height: 50px;
|
|
background: wheat;
|
|
}
|
|
.item { background: pink; }
|
|
</style><body><div class="right">right</div><div class="flex"><div class="item">item |