block-abs-pos-1-ref.html (745B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <!-- Note: CSS 2.1 allows guessing the static position of an absolutely 5 positioned element whose offsets are 'auto' (initial value), i.e. 6 the reference of this test is just one of many possible outcomes. 7 See http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width --> 8 <style type="text/css"> 9 #in-flow-top { 10 height: 20px; 11 background-color: green; 12 } 13 #abs-pos { 14 width: 20px; height: 20px; 15 background-color: blue; 16 position: relative; 17 top: -10px; 18 } 19 #in-flow-bottom { 20 height: 20px; 21 background-color: lightgreen; 22 } 23 #spacer { 24 height: 20px; 25 } 26 </style> 27 </head> 28 <body> 29 <div id="in-flow-top"></div> 30 <div id="spacer"></div> 31 <div id="in-flow-bottom"></div> 32 <div id="abs-pos"></div> 33 </body> 34 </html>