26 lines
482 B
HTML
26 lines
482 B
HTML
<!DOCTYPE HTML>
|
|
<title>'auto' top and bottom margins on absolutely positioned elements</title>
|
|
<style>
|
|
|
|
body > div {
|
|
position: relative;
|
|
height: 100px;
|
|
border: medium solid;
|
|
}
|
|
|
|
body > div > div {
|
|
position: absolute;
|
|
top: 0;
|
|
height: 40px;
|
|
width: 10px;
|
|
background: blue;
|
|
}
|
|
|
|
</style>
|
|
<div>
|
|
<div style="left: 10px;top: 10px"></div>
|
|
<div style="left: 30px;top: 40px"></div>
|
|
<div style="left: 50px;top: 10px"></div>
|
|
<div style="left: 70px;top: 30px"></div>
|
|
</div>
|