Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/CSS2/normal-flow/height-percentage-002.xht - WPT Dashboard Interop Dashboard
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<head>
<title>CSS Test: Percentage based 'height' computes to 'auto' when containing block has no specified height</title>
<link rel="reviewer" title="GĂ©rard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 -->
<link rel="match" href="../reference/ref-if-there-is-no-red.xht" />
<meta name="assert" content="A percentage height is computed to 'auto' when the element is not absolutely positioned and there is no 'height' explicitly set on the containing block (or when the containing block's height is set to 'auto')." />
<style type="text/css">
div
{
width: 1in;
}
#div1
{
color: white;
}
div div
{
background: red;
height: 50%;
}
</style>
</head>
<body>
<p>Test passes if there is <strong>no red</strong>.</p>
<div id="div1">Text sample
<div></div>
</div>
</body>
</html>