mirror of
https://github.com/servo/servo
synced 2026-04-29 02:47:55 +02:00
49 lines
2.1 KiB
HTML
49 lines
2.1 KiB
HTML
<!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">
|
|
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
|
<title>CSS Test: Max-height on absolutely positioned, non-replaced elements, 'top' set to static position</title>
|
|
<style type="text/css">
|
|
@page { font: italic 8pt sans-serif; color: gray;
|
|
margin: 7%;
|
|
counter-increment: page;
|
|
@top-left { content: "CSS 2.1 Conformance Test Suite"; }
|
|
@top-right { content: "Test absolute-non-replaced-max-height-008"; }
|
|
@bottom-right { content: counter(page); }
|
|
}
|
|
</style>
|
|
<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-08-29 -->
|
|
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height" />
|
|
<link rel="match" href="reference/absolute-non-replaced-max-height-008-ref.xht" />
|
|
|
|
<meta name="flags" content="" />
|
|
<meta name="assert" content="When 'top' is set to the static position and any 'auto' values for top and bottom margin are set to '0', when 'top' and 'bottom' are 'auto' and 'height' is not 'auto'." />
|
|
<style type="text/css">
|
|
#div1
|
|
{
|
|
background: blue;
|
|
height: 3in;
|
|
position: relative;
|
|
width: 1in;
|
|
}
|
|
div div
|
|
{
|
|
background: orange;
|
|
bottom: auto;
|
|
height: 1in;
|
|
margin-bottom: auto;
|
|
margin-top: auto;
|
|
max-height: 0.5in;
|
|
position: absolute;
|
|
top: auto;
|
|
width: 100%;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<p>Test passes if there is a small orange rectangle and a bigger blue rectangle.</p>
|
|
<div id="div1">
|
|
<div></div>
|
|
</div>
|
|
</body>
|
|
</html> |