mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-10-22 08:00:45 +00:00
f340f8682b
Some checks are pending
CI / Lagom (arm64, Sanitizer_CI, false, macos-15, macOS, Clang) (push) Waiting to run
CI / Lagom (x86_64, Fuzzers_CI, false, ubuntu-24.04, Linux, Clang) (push) Waiting to run
CI / Lagom (x86_64, Sanitizer_CI, false, ubuntu-24.04, Linux, GNU) (push) Waiting to run
CI / Lagom (x86_64, Sanitizer_CI, true, ubuntu-24.04, Linux, Clang) (push) Waiting to run
Package the js repl as a binary artifact / build-and-package (macos-14, macOS, macOS-universal2) (push) Waiting to run
Package the js repl as a binary artifact / build-and-package (ubuntu-24.04, Linux, Linux-x86_64) (push) Waiting to run
Run test262 and test-wasm / run_and_update_results (push) Waiting to run
Lint Code / lint (push) Waiting to run
Label PRs with merge conflicts / auto-labeler (push) Waiting to run
Push notes / build (push) Waiting to run
We used to always clear the side data after encountering a box with `clear: ..`, but this is not the right thing to do if that same box also has `float: ..` set. For example, with `clear: right` and `float: left` it might be that the next box still wants to clear the right side, and since the previous box is floating it did not push the next box down far enough to justify clearing the side data at that point. This changes the logic to only clear the float side if the clearing box itself is not floating. We also no longer clear the opposite side after placing a floating box; that doesn't seem to be necessary anymore. Fixes #4102.
26 lines
450 B
HTML
26 lines
450 B
HTML
<!DOCTYPE html>
|
|
<style>
|
|
.a {
|
|
background-color: red;
|
|
height: 50px;
|
|
}
|
|
.b {
|
|
background-color: green;
|
|
height: 50px;
|
|
width: 50px;
|
|
float: right;
|
|
}
|
|
.c {
|
|
clear: both;
|
|
float: left;
|
|
}
|
|
.d {
|
|
background-color: blue;
|
|
clear: right;
|
|
height: 50px;
|
|
}
|
|
</style>
|
|
<div class="a"></div>
|
|
<div class="b"></div>
|
|
<div class="c"></div>
|
|
<div class="d"></div>
|