Test case for static position inside position relative

This commit is contained in:
Niklas von Hertzen 2013-08-13 19:59:54 +03:00
parent 10b40821e5
commit fd4fd95429

View File

@ -0,0 +1,48 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>static position inside position relative</title>
<script type="text/javascript" src="../../test.js"></script>
<style type="text/css">
html {
padding: 20px;
font: 12px/20px Arial, sans-serif;
}
#div1 {
padding: 10px;
background: #9bfff8;
position: relative;
}
#div2 {
background: #7cb659;
display: table;
}
#div3 {
float:left;
}
</style>
</head>
<body>
<div id="div1">
<h1>Division Element #1</h1>
<code>position: relative;</code>
<div id="div2">
<h1>Division Element #2</h1>
<code>position: static;</code>
<div id="div3">
<div>
<h1>Division Element #3</h1>
<code>float: left;</code>
</div>
</div>
</div>
</div>
</body>
</html>