mirror of
https://gitlab.winehq.org/wine/wine-gecko.git
synced 2024-09-13 09:24:08 -07:00
29 lines
574 B
HTML
29 lines
574 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;
|
||
|
bottom: 0;
|
||
|
height: 40px;
|
||
|
width: 10px;
|
||
|
background: blue;
|
||
|
margin-top: 10px;
|
||
|
margin-bottom: 20px;
|
||
|
}
|
||
|
|
||
|
</style>
|
||
|
<div>
|
||
|
<div style="left: 10px;"></div>
|
||
|
<div style="left: 30px;margin-top: auto"></div>
|
||
|
<div style="left: 50px;margin-bottom: auto"></div>
|
||
|
<div style="left: 70px;margin-top: auto; margin-bottom: auto"></div>
|
||
|
</div>
|