summaryrefslogtreecommitdiffstats
path: root/layout/reftests/floats/bfc-displace-1a.html
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 /layout/reftests/floats/bfc-displace-1a.html
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 'layout/reftests/floats/bfc-displace-1a.html')
-rw-r--r--layout/reftests/floats/bfc-displace-1a.html37
1 files changed, 37 insertions, 0 deletions
diff --git a/layout/reftests/floats/bfc-displace-1a.html b/layout/reftests/floats/bfc-displace-1a.html
new file mode 100644
index 0000000000..6189510401
--- /dev/null
+++ b/layout/reftests/floats/bfc-displace-1a.html
@@ -0,0 +1,37 @@
+<!DOCTYPE HTML>
+<title>Test of block formatting context displacement by floats</title>
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#floats">
+<meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap the margin box of any floats in the same block formatting context as the element itself.">
+<style>
+
+.contain {
+ border: medium solid;
+ width: 400px;
+ height: 400px;
+ background: yellow;
+}
+
+.float {
+ float: left;
+ clear: left;
+ height: 20px;
+ background: blue;
+}
+
+.bfc {
+ overflow: hidden;
+ width: 250px;
+ margin-top: 7px;
+ height: 13px; /* fits exactly */
+ margin-bottom: 20px;
+ background: fuchsia;
+}
+
+</style>
+
+
+<div class="contain">
+ <div class="float" style="width: 100px"></div>
+ <div class="float" style="width: 200px"></div>
+ <div class="bfc"></div>
+</div>