diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
| commit | 26a029d407be480d791972afb5975cf62c9360a6 (patch) | |
| tree | f435a8308119effd964b339f76abb83a57c29483 /testing/web-platform/tests/css/CSS2/floats-clear/adjoining-float-before-clearance.html | |
| parent | Initial commit. (diff) | |
| download | firefox-26a029d407be480d791972afb5975cf62c9360a6.tar.xz firefox-26a029d407be480d791972afb5975cf62c9360a6.zip | |
Adding upstream version 124.0.1.upstream/124.0.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/CSS2/floats-clear/adjoining-float-before-clearance.html')
| -rw-r--r-- | testing/web-platform/tests/css/CSS2/floats-clear/adjoining-float-before-clearance.html | 13 |
1 files changed, 13 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/adjoining-float-before-clearance.html b/testing/web-platform/tests/css/CSS2/floats-clear/adjoining-float-before-clearance.html new file mode 100644 index 0000000000..13041a2749 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/floats-clear/adjoining-float-before-clearance.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<title>Float that would be adjoining if there were no clearance</title> +<meta name="assert" content="If the clearance candidate would pull a float down with it (due to margin collapsing) if there were no clearance, clearance needs to be inserted to separate the two, so that the block can go past the float. No matter how large the margin is, it should still be just below the float."> +<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org"> +<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#flow-control" title="9.5.2 Controlling flow next to floats: the 'clear' property"> +<link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> +<p>Test passes if there is a filled green square and <strong>no red</strong>.</p> +<div style="width:100px; background:red;"> + <div> + <div style="float:left; width:100px; height:50px; background:green;"></div> + </div> + <div style="margin-top:400px; clear:left; height:50px; background:green;"></div> +</div> |