summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/CSS2/floats-clear/clear-clearance-calculation-002.xht
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-19 00:47:55 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-19 00:47:55 +0000
commit26a029d407be480d791972afb5975cf62c9360a6 (patch)
treef435a8308119effd964b339f76abb83a57c29483 /testing/web-platform/tests/css/CSS2/floats-clear/clear-clearance-calculation-002.xht
parentInitial commit. (diff)
downloadfirefox-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/clear-clearance-calculation-002.xht')
-rw-r--r--testing/web-platform/tests/css/CSS2/floats-clear/clear-clearance-calculation-002.xht55
1 files changed, 55 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/clear-clearance-calculation-002.xht b/testing/web-platform/tests/css/CSS2/floats-clear/clear-clearance-calculation-002.xht
new file mode 100644
index 0000000000..3ec8887a52
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/clear-clearance-calculation-002.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Clearance calculations - clear box non-collapsing margins with larger clearance than margins</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
+ <link rel="match" href="clear-clearance-calculation-002-ref.xht" />
+
+ <meta name="flags" content="ahem image" />
+ <meta name="assert" content="If after margin collapsing the position of the cleared element is above or hypothetically positioned within the layout position of the float. Then the cleared element is positioned directly below the floated element." />
+ <!-- C1 = H-M2 -->
+ <!-- C2 = Max(M1, M2) - M1 - M2 -->
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ div
+ {
+ font: 20px/1em Ahem;
+ width: 5em;
+ }
+ #parent
+ {
+ background: url('support/clear-clearance-calculation-002.png');
+ min-height: 8em;
+ }
+ div div
+ {
+ background: green;
+ height: 1em;
+ }
+ #div1
+ {
+ margin-bottom: 4em;
+ }
+ #div2
+ {
+ float: left;
+ height: 2em;
+ margin: 0;
+ }
+ #div3
+ {
+ clear: left;
+ margin-top: 3em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red.</p>
+ <div id="parent">
+ <div id="div1"></div>
+ <div id="div2"></div>
+ <div id="div3"></div>
+ </div>
+ </body>
+</html> \ No newline at end of file