2008-09-06 02:35:05 -07:00
|
|
|
<!DOCTYPE HTML>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
2010-01-27 15:46:49 -08:00
|
|
|
<title>CSS 2.1 Test Suite: Test for containing block for absolutely positioned elements being initial containing block</title>
|
|
|
|
|
<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
|
|
|
|
|
<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
|
|
|
|
|
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" />
|
|
|
|
|
<meta name="assert" content="If there is no such ancestor, the containing block is the initial containing block." />
|
|
|
|
|
<meta name="flags" content="dom" />
|
2008-09-06 02:35:05 -07:00
|
|
|
<style>
|
|
|
|
|
html { margin:10px; border:20px solid black; padding:30px; }
|
|
|
|
|
body { height:10000px; margin:0; }
|
|
|
|
|
div { position:absolute; width:100px; height:100px; }
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<script>
|
|
|
|
|
window.scrollTo(0,50);
|
|
|
|
|
</script>
|
|
|
|
|
<div style="top:0; background:yellow;"></div>
|
|
|
|
|
<div style="right:0; background:orange;"></div>
|
|
|
|
|
<div style="bottom:0; background:brown;"></div>
|
|
|
|
|
<div style="left:0; background:pink;"></div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
