mirror of
https://github.com/servo/servo.git
synced 2025-08-03 04:30:10 +01:00
Auto merge of #8687 - Ms2ger:ref-21, r=jdm
Remove the css21 tests from test-ref. These are already running and passing in test-css. <!-- Reviewable:start --> [<img src="https://reviewable.io/review_button.png" height=40 alt="Review on Reviewable"/>](https://reviewable.io/reviews/servo/servo/8687) <!-- Reviewable:end -->
This commit is contained in:
bors-servo
commit
243bc8b6dd
22 changed files with 0 additions and 628 deletions
|
|
@ -1,28 +0,0 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
background-color: black;
|
||||
height: 50px;
|
||||
width: 100px;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a black rectangle which is wider than it is tall.</p>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,48 +0,0 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: Block formatting context auto height with floated descendants outside the normal flow and bottom margins</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/">
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2012-09-26 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#root-height">
|
||||
<link rel="match" href="reference/block-formatting-context-height-003-ref.htm">
|
||||
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="The auto height of a block formatting context element does not account for bottom margins of floated content descendents of out of flow blocks.">
|
||||
<style type="text/css">
|
||||
#container
|
||||
{
|
||||
width: 100px;
|
||||
height: auto;
|
||||
background: black;
|
||||
position: absolute;
|
||||
}
|
||||
#sibling
|
||||
{
|
||||
height: 50px;
|
||||
width: 100px;
|
||||
}
|
||||
#absolute
|
||||
{
|
||||
position: absolute;
|
||||
width: 100px;
|
||||
height: 50px;
|
||||
}
|
||||
#float
|
||||
{
|
||||
margin-bottom: 50px;
|
||||
height: 50px;
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a black rectangle which is wider than it is tall.</p>
|
||||
<div id="container">
|
||||
<div id="sibling"></div>
|
||||
<div id="absolute">
|
||||
<div id="float"></div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,34 +0,0 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<style type="text/css">
|
||||
table
|
||||
{
|
||||
border: black solid 1px;
|
||||
border-spacing: 0px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
td {padding: 0px;}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are 3 lines of "Filler Text".</p>
|
||||
|
||||
<table>
|
||||
<tr><td>Filler Text</td></tr>
|
||||
<tr><td>Filler Text</td></tr>
|
||||
<tr><td>Filler Text</td></tr>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,27 +0,0 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: Vertical layout of boxes</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/">
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2012-09-26 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting">
|
||||
<link rel="match" href="reference/block-formatting-contexts-001-ref.htm">
|
||||
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="Boxes are vertically laid out one after the other beginning at the top of a containing block.">
|
||||
<style type="text/css">
|
||||
#div1
|
||||
{
|
||||
border: solid 1px black;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are 3 lines of "Filler Text".</p>
|
||||
<div id="div1">
|
||||
<div>Filler Text</div>
|
||||
<div>Filler Text</div>
|
||||
<div>Filler Text</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,59 +0,0 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<style type="text/css">
|
||||
table
|
||||
{
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
tbody
|
||||
{
|
||||
border-bottom: black solid 1px;
|
||||
border-top: black solid 1px;
|
||||
}
|
||||
|
||||
thead {border-bottom: black solid 1px;}
|
||||
/*
|
||||
Necessary otherwise ( 0 + 1 ) divided by 2 may give unpredictable
|
||||
measurements affecting vertical alignment
|
||||
*/
|
||||
|
||||
tfoot {border-top: black solid 1px;}
|
||||
/*
|
||||
Necessary otherwise ( 0 + 1 ) divided by 2 may give unpredictable
|
||||
measurements affecting vertical alignment
|
||||
*/
|
||||
|
||||
/*
|
||||
"
|
||||
User agents must find a consistent rule for rounding off in the
|
||||
case of an odd number of discrete units (screen pixels, printer dots).
|
||||
"
|
||||
http://www.w3.org/TR/CSS21/tables.html#collapsing-borders
|
||||
*/
|
||||
|
||||
td {padding: 0px;}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are 3 lines of "Filler Text" separated by 2 thin black lines.</p>
|
||||
|
||||
<table>
|
||||
<thead> <tr><td>Filler Text</td></tr> </thead>
|
||||
<tfoot> <tr><td>Filler Text</td></tr> </tfoot>
|
||||
<tbody> <tr><td>Filler Text</td></tr> </tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,32 +0,0 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: Vertical distance with margins</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/">
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2012-09-26 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting">
|
||||
<link rel="match" href="reference/block-formatting-contexts-003-ref.htm">
|
||||
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="The vertical distance between two sibling boxes is determined by the margin property.">
|
||||
<style type="text/css">
|
||||
#div1
|
||||
{
|
||||
background: black;
|
||||
}
|
||||
div div
|
||||
{
|
||||
background: white;
|
||||
margin-top: 1px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are 3 lines of "Filler Text" separated by 2 thin black lines.</p>
|
||||
<div id="div1">
|
||||
<div>Filler Text</div>
|
||||
<div>Filler Text</div>
|
||||
<div>Filler Text</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,31 +0,0 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<!-- same as /margin-padding-clear/margin-collapse-002-ref.xht -->
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border-bottom: black solid 20px;
|
||||
border-top: black solid 20px;
|
||||
height: 40px;
|
||||
width: 100px;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is <strong>no red</strong>.</p>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,37 +0,0 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: Block Formatting Contexts: Margin Collapsing</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/">
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2012-09-26 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting">
|
||||
<link rel="match" href="reference/block-formatting-contexts-004-ref.htm">
|
||||
|
||||
<meta name="flags" content="ahem image">
|
||||
<meta name="assert" content="Margins collapse between adjacent block boxes in a block formatting context.">
|
||||
<style type="text/css">
|
||||
#div1
|
||||
{
|
||||
background: url("support/margin-collapse-2em-space.png");
|
||||
font: 20px/1em Ahem;
|
||||
height: 4em;
|
||||
width: 5em;
|
||||
}
|
||||
#div2
|
||||
{
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
#div3
|
||||
{
|
||||
margin-top: 2em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is <strong>no red</strong>.</p>
|
||||
<div id="div1">
|
||||
<div id="div2">XXXXX</div>
|
||||
<div id="div3">XXXXX</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,31 +0,0 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<!-- same as margin-padding-clear/margin-left-004-ref.xht -->
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
background-color: blue;
|
||||
border-right: orange solid 5px;
|
||||
height: 96px;
|
||||
width: 5px;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,33 +0,0 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: No padding or margin, left edges touch</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/">
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2012-09-26 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting">
|
||||
<link rel="match" href="reference/block-formatting-contexts-005-ref.htm">
|
||||
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="When there is no padding or margins on elements the left outer edge of the child box will touch the left edge of the containing block.">
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
height: 1in;
|
||||
}
|
||||
#div1
|
||||
{
|
||||
border-left: solid 5px blue;
|
||||
}
|
||||
div div
|
||||
{
|
||||
border-left: solid 5px orange;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
|
||||
<div id="div1">
|
||||
<div></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,30 +0,0 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
background-color: orange;
|
||||
border-right: blue solid 5px;
|
||||
height: 96px;
|
||||
margin-left: 91px;
|
||||
width: 5px;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,34 +0,0 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: No padding and margin, right edges touch</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/">
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2012-09-26 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting">
|
||||
<link rel="match" href="reference/block-formatting-contexts-006-ref.htm">
|
||||
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="When there is no padding or margins on elements the right outer edge of the child box will touch the right edge of the containing block.">
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
height: 1in;
|
||||
}
|
||||
#div1
|
||||
{
|
||||
border-right: solid 5px blue;
|
||||
width: 1in;
|
||||
}
|
||||
div div
|
||||
{
|
||||
border-right: solid 5px orange;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
|
||||
<div id="div1">
|
||||
<div></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,28 +0,0 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border: black solid medium;
|
||||
height: 200px;
|
||||
width: 200px;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the upper-half of the square is blue.</p>
|
||||
|
||||
<div><img src="support/blue15x15.png" width="200" height="100" alt="Image download support must be enabled"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,35 +0,0 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: New block formatting context with floated elements</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/">
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2012-09-26 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting">
|
||||
<link rel="match" href="reference/block-formatting-contexts-008-ref.htm">
|
||||
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="Floated elements establish new block formatting context.">
|
||||
<style type="text/css">
|
||||
#div1
|
||||
{
|
||||
border: solid;
|
||||
height: 200px;
|
||||
width: 200px;
|
||||
}
|
||||
div div
|
||||
{
|
||||
background: blue;
|
||||
display: inline;
|
||||
float: right;
|
||||
height: 50%;
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the upper-half of the square is blue.</p>
|
||||
<div id="div1">
|
||||
<div></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,36 +0,0 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
background-color: blue;
|
||||
float: left;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
div + div
|
||||
{
|
||||
background-color: transparent;
|
||||
clear: left;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the "Filler Text" is below the blue stripe.</p>
|
||||
|
||||
<div> </div>
|
||||
|
||||
<div>Filler Text</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,28 +0,0 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: Table-cell elements establish a new block formatting context</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/">
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2012-09-26 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting">
|
||||
<link rel="match" href="reference/block-formatting-contexts-011-ref.htm">
|
||||
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="Elements defined as table-cell elements establish a new block formatting context.">
|
||||
<style type="text/css">
|
||||
#span1
|
||||
{
|
||||
background-color: blue;
|
||||
display: table-cell;
|
||||
width: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the "Filler Text" is below the blue stripe.</p>
|
||||
<div>
|
||||
<span id="span1"> </span>
|
||||
<span>Filler Text</span>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,19 +0,0 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the blue and orange squares have the same size.</p>
|
||||
|
||||
<div><img src="support/blue15x15.png" width="50" height="50" alt="Image download support must be enabled"><img src="support/swatch-orange.png" width="50" height="50" alt="Image download support must be enabled"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,49 +0,0 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: Overflow set to 'hidden' establishes a new block formatting context</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/">
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2012-09-26 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting">
|
||||
<link rel="match" href="reference/block-formatting-contexts-015-ref.htm">
|
||||
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="A new block formatting context is established when overflow is set to 'hidden'.">
|
||||
<style type="text/css">
|
||||
#div1
|
||||
{
|
||||
height: 200px;
|
||||
width: 200px;
|
||||
}
|
||||
div div
|
||||
{
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
}
|
||||
#div2
|
||||
{
|
||||
background: blue;
|
||||
float: left;
|
||||
}
|
||||
#div3
|
||||
{
|
||||
overflow: hidden;
|
||||
}
|
||||
div div div
|
||||
{
|
||||
background: orange;
|
||||
height: 1in;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the blue and orange squares have the same size.</p>
|
||||
<div id="div1">
|
||||
<div id="div2"></div>
|
||||
<div id="div3">
|
||||
<div></div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,9 +0,0 @@
|
|||
# == block-formatting-context-height-003.htm block-formatting-context-height-003-ref.htm
|
||||
# == block-formatting-contexts-001.htm block-formatting-contexts-001-ref.htm
|
||||
# == block-formatting-contexts-003.htm block-formatting-contexts-003-ref.htm
|
||||
# == block-formatting-contexts-004.htm block-formatting-contexts-004-ref.htm
|
||||
== block-formatting-contexts-005.htm block-formatting-contexts-005-ref.htm
|
||||
== block-formatting-contexts-006.htm block-formatting-contexts-006-ref.htm
|
||||
# == block-formatting-contexts-008.htm block-formatting-contexts-008-ref.htm
|
||||
# == block-formatting-contexts-011.htm block-formatting-contexts-011-ref.htm
|
||||
# == block-formatting-contexts-015.htm block-formatting-contexts-015-ref.htm
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 185 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 84 B |
Loading…
Add table
Add a link
Reference in a new issue