third_party/WebKit/LayoutTests/external/wpt/css/CSS2/floats/floats-wrap-bfc-006.xht - Issue 2824513002: Import css21/floats W3C CSS Test Suite

Unified Diff: third_party/WebKit/LayoutTests/external/wpt/css/CSS2/floats/floats-wrap-bfc-006.xht

Issue 2824513002: Import css21/floats W3C CSS Test Suite (Closed)

Patch Set: revert WPT_BASE_MANIFEST.json Created 3 years, 8 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View side-by-side diff with in-line comments

« no previous file with comments | « third_party/WebKit/LayoutTests/external/wpt/css/CSS2/floats/floats-wrap-bfc-005-ref.xht ('k') | third_party/WebKit/LayoutTests/external/wpt/css/CSS2/floats/floats-wrap-bfc-006-ref.xht » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: third_party/WebKit/LayoutTests/external/wpt/css/CSS2/floats/floats-wrap-bfc-006.xht

diff --git a/third_party/WebKit/LayoutTests/external/wpt/css/CSS2/floats/floats-wrap-bfc-006.xht b/third_party/WebKit/LayoutTests/external/wpt/css/CSS2/floats/floats-wrap-bfc-006.xht

new file mode 100644

index 0000000000000000000000000000000000000000..1ecef6105b7e3f23e0d06d3440d4a93a4041e2d6

--- /dev/null

+++ b/third_party/WebKit/LayoutTests/external/wpt/css/CSS2/floats/floats-wrap-bfc-006.xht

@@ -0,0 +1,175 @@

+<!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" lang="en-US"><head>

+ <title>CSS Test: Test for flow around floats</title>

+ <link rel="author" title="L. David Baron" href="https://dbaron.org/" />

+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />

+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />

+ <link rel="match" href="floats-wrap-bfc-006-ref.xht"/>

+ <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 any floats in the same block formatting context as the element itself." />

+ <meta name="flags" content="" />

+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

+ <meta http-equiv="Content-Style-Type" content="text/css" />

+ <style type="text/css">

+ body { font-size: 16px; }

+ table { margin: 0; border-spacing: 0; }

+ caption, td, th { padding: 0; vertical-align: top; text-align: left; }

+ table table caption { background: yellow; }

+ table table { background: purple; }

+ </style>

+</head>

+<body>

+<table width="300" style="background: aqua"><tbody><tr><td>

+ <div style="float:left; clear:left; background:blue; width:150px; height:1px"></div>

+ <div style="float:left; clear:left; background:blue; width:145px; height:1px"></div>

+ <div style="float:left; clear:left; background:blue; width:140px; height:1px"></div>

+ <div style="float:left; clear:left; background:blue; width:135px; height:1px"></div>

+ <div style="float:left; clear:left; background:blue; width:130px; height:1px"></div>

+ <div style="float:left; clear:left; background:blue; width:125px; height:1px"></div>

+ <div style="float:left; clear:left; background:blue; width:120px; height:1px"></div>

+ <div style="float:left; clear:left; background:blue; width:115px; height:1px"></div>

+ <div style="float:left; clear:left; background:blue; width:110px; height:1px"></div>

+ <div style="float:left; clear:left; background:blue; width:105px; height:1px"></div>

+ <div style="float:left; clear:left; background:blue; width:100px; height:1px"></div>

+ <div style="float:left; clear:left; background:blue; width:95px; height:1px"></div>

+ <div style="float:left; clear:left; background:blue; width:90px; height:1px"></div>

+ <div style="float:left; clear:left; background:blue; width:85px; height:1px"></div>

+ <div style="float:left; clear:left; background:blue; width:80px; height:1px"></div>

+ <div style="float:left; clear:left; background:blue; width:75px; height:1px"></div>

+ <div style="float:left; clear:left; background:blue; width:70px; height:1px"></div>

+ <div style="float:left; clear:left; background:blue; width:65px; height:1px"></div>

+ <div style="float:left; clear:left; background:blue; width:60px; height:1px"></div>

+ <div style="float:left; clear:left; background:blue; width:55px; height:1px"></div>

+ <div style="float:left; clear:left; background:blue; width:50px; height:1px"></div>

+ <div style="float:left; clear:left; background:blue; width:45px; height:1px"></div>

+ <div style="float:left; clear:left; background:blue; width:40px; height:1px"></div>

+ <div style="float:left; clear:left; background:blue; width:35px; height:1px"></div>

+ <div style="float:left; clear:left; background:blue; width:30px; height:1px"></div>

+ <div style="float:left; clear:left; background:blue; width:25px; height:1px"></div>

+ <div style="float:left; clear:left; background:blue; width:20px; height:1px"></div>

+ <div style="float:left; clear:left; background:blue; width:15px; height:1px"></div>

+ <div style="float:left; clear:left; background:blue; width:10px; height:1px"></div>

+ <div style="float:left; clear:left; background:blue; width:5px; height:1px"></div>

+ <table>

+ <caption style="caption-side: top; height:30px; width: 100px;">Caption</caption>

+ <tbody><tr><td><div style="height: 30px; width: 230px">Cell</div></td></tr>

+ </tbody></table>

+</td></tr></tbody></table>