mirror of
https://github.com/RGBCube/serenity
synced 2025-05-31 13:28:11 +00:00

If normal flow layout has caused us to progress past the current innermost float in the block axis, we still need to consider the floats stacked outside of it. Fix this by always walking the currently stacked floats from innermost to outermost when placing new floats.
28 lines
466 B
HTML
28 lines
466 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<style>
|
|
* {
|
|
font-family: 'SerenitySans';
|
|
}
|
|
.big-float {
|
|
float: left;
|
|
width: 100px;
|
|
height: 100px;
|
|
background-color: pink;
|
|
}
|
|
.xxx,
|
|
.yyy {
|
|
float: left;
|
|
background-color: orange;
|
|
}
|
|
</style>
|
|
</head>
|
|
<div class="big-float"></div>
|
|
<div class="xxx">xxx</div>
|
|
bar
|
|
<div>
|
|
<div class="yyy">yyy</div>
|
|
baz
|
|
</div>
|
|
</html>
|