2013-08-13 20:59:54 +04:00
|
|
|
<!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;
|
|
|
|
|
}
|
2017-08-11 17:22:39 +03:00
|
|
|
code {
|
|
|
|
|
font-family: monospace;
|
|
|
|
|
}
|
2013-08-13 20:59:54 +04:00
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div id="div1">
|
2013-08-14 22:56:43 +04:00
|
|
|
<h1>Div Element #1</h1>
|
2013-08-13 20:59:54 +04:00
|
|
|
<code>position: relative;</code>
|
|
|
|
|
<div id="div2">
|
2013-08-14 22:56:43 +04:00
|
|
|
<h1>Div Element #2</h1>
|
2013-08-13 20:59:54 +04:00
|
|
|
<code>position: static;</code>
|
|
|
|
|
<div id="div3">
|
|
|
|
|
<div>
|
2013-08-14 22:56:43 +04:00
|
|
|
<h1>Div Element #3</h1>
|
2013-08-13 20:59:54 +04:00
|
|
|
<code>float: left;</code>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
2017-08-11 17:22:39 +03:00
|
|
|
</html>
|
