abs-pos-auto-margin-1.html (574B)
1 <!DOCTYPE HTML> 2 <title>'auto' top and bottom margins on absolutely positioned elements</title> 3 <style> 4 5 body > div { 6 position: relative; 7 height: 100px; 8 border: medium solid; 9 } 10 11 body > div > div { 12 position: absolute; 13 top: 0; 14 bottom: 0; 15 height: 40px; 16 width: 10px; 17 background: blue; 18 margin-top: 10px; 19 margin-bottom: 20px; 20 } 21 22 </style> 23 <div> 24 <div style="left: 10px;"></div> 25 <div style="left: 30px;margin-top: auto"></div> 26 <div style="left: 50px;margin-bottom: auto"></div> 27 <div style="left: 70px;margin-top: auto; margin-bottom: auto"></div> 28 </div>