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

Side by Side Diff: third_party/WebKit/LayoutTests/external/wpt/css/CSS2/floats/floats-wrap-bfc-004.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:

« no previous file with comments | « third_party/WebKit/LayoutTests/external/wpt/css/CSS2/floats/floats-wrap-bfc-003-right-table-ref.xht ('k') | third_party/WebKit/LayoutTests/external/wpt/css/CSS2/floats/floats-wrap-bfc-004-ref.xht » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
(Empty)
	1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x html1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en -US"><head>

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

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

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

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

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

	7 <meta name="assert" content="The border box of a table, a block-level re placed element, or an element in the normal flow that establishes a new block fo rmatting context (such as an element with 'overflow' other than 'visible') must not overlap any floats in the same block formatting context as the element itsel f." />

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

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

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

	11 <style type="text/css">

	12

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

	14 td, th { padding: 0; }

	15

	16 </style>

	17 </head>

	18 <body>

	19

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

	21 <div style="float:left; background:blue; width: 100px; height: 20px"></div>

	22 <div style="float:left; background:silver; width: 100px; height: 6px"></div>

	23 <table style="background: yellow"><tbody><tr><td>

	24 <div style="width: 150px; height: 10px; background: purple"></div>

	25 </td></tr></tbody></table>

	26 </td></tr></tbody></table>

	27

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

	29 <div style="float:left; background:blue; width: 100px; height: 20px"></div>

	30 <div style="float:right; background:silver; width: 100px; height: 6px"></div>

	31 <table style="background: yellow"><tbody><tr><td>

	32 <div style="width: 150px; height: 10px; background: purple"></div>

	33 </td></tr></tbody></table>

	34 </td></tr></tbody></table>

	35

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

	37 <div style="float:right; background:blue; width: 100px; height: 20px"></div>

	38 <div style="float:left; background:silver; width: 100px; height: 6px"></div>

	39 <table style="background: yellow"><tbody><tr><td>

	40 <div style="width: 150px; height: 10px; background: purple"></div>

	41 </td></tr></tbody></table>

	42 </td></tr></tbody></table>

	43

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

	45 <div style="float:right; background:blue; width: 100px; height: 20px"></div>

	46 <div style="float:right; background:silver; width: 100px; height: 6px"></div>

	47 <table style="background: yellow"><tbody><tr><td>

	48 <div style="width: 150px; height: 10px; background: purple"></div>

	49 </td></tr></tbody></table>

	50 </td></tr></tbody></table>

	51

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

	53 <div style="float:left; background:blue; width: 100px; height: 20px"></div>

	54 <div style="float:left; background:silver; width: 100px; height: 6px"></div>

	55 <div style="overflow: hidden; background: yellow">

	56 <div style="width: 150px; height: 10px; background: purple"></div>

	57 </div>

	58 </td></tr></tbody></table>

	59

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

	61 <div style="float:left; background:blue; width: 100px; height: 20px"></div>

	62 <div style="float:right; background:silver; width: 100px; height: 6px"></div>

	63 <div style="overflow: hidden; background: yellow">

	64 <div style="width: 150px; height: 10px; background: purple"></div>

	65 </div>

	66 </td></tr></tbody></table>

	67

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

	69 <div style="float:right; background:blue; width: 100px; height: 20px"></div>

	70 <div style="float:left; background:silver; width: 100px; height: 6px"></div>

	71 <div style="overflow: hidden; background: yellow">

	72 <div style="width: 150px; height: 10px; background: purple"></div>

	73 </div>

	74 </td></tr></tbody></table>

	75

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

	77 <div style="float:right; background:blue; width: 100px; height: 20px"></div>

	78 <div style="float:right; background:silver; width: 100px; height: 6px"></div>

	79 <div style="overflow: hidden; background: yellow">

	80 <div style="width: 150px; height: 10px; background: purple"></div>

	81 </div>

	82 </td></tr></tbody></table>

	83

	84

	85

	86 </body></html>

OLD	NEW