summaryrefslogtreecommitdiffstats
path: root/layout/reftests/floats/bfc-displace-2b.html
diff options
context:
space:
mode:
authorMatt A. Tobin <mattatobin@localhost.localdomain>2018-02-02 04:16:08 -0500
committerMatt A. Tobin <mattatobin@localhost.localdomain>2018-02-02 04:16:08 -0500
commit5f8de423f190bbb79a62f804151bc24824fa32d8 (patch)
tree10027f336435511475e392454359edea8e25895d /layout/reftests/floats/bfc-displace-2b.html
parent49ee0794b5d912db1f95dce6eb52d781dc210db5 (diff)
downloadUXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.gz
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.lz
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.xz
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.zip
Add m-esr52 at 52.6.0
Diffstat (limited to 'layout/reftests/floats/bfc-displace-2b.html')
-rw-r--r--layout/reftests/floats/bfc-displace-2b.html42
1 files changed, 42 insertions, 0 deletions
diff --git a/layout/reftests/floats/bfc-displace-2b.html b/layout/reftests/floats/bfc-displace-2b.html
new file mode 100644
index 000000000..2e9577724
--- /dev/null
+++ b/layout/reftests/floats/bfc-displace-2b.html
@@ -0,0 +1,42 @@
+<!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;
+}
+
+.block {
+ height: 10px;
+ background: aqua;
+}
+
+.float {
+ float: left;
+ clear: left;
+ height: 20px;
+ background: blue;
+}
+
+.bfc {
+ overflow: hidden;
+ width: 250px;
+ margin-top: 7px;
+ height: 14px; /* one pixel too tall to fit next to first float */
+ margin-bottom: 20px;
+ background: fuchsia;
+}
+
+</style>
+
+<div class="contain">
+ <div class="block"></div>
+ <div class="float" style="width: 100px"></div>
+ <div class="float" style="width: 200px"></div>
+ <div class="bfc"></div>
+</div>