abspos-breaking-dynamic-005-ref.html (686B)
1 <!DOCTYPE HTML> 2 <title>Test for dynamic re-pagination of absolutely positioned elements</title> 3 <link rel="author" title="L. David Baron" href="https://dbaron.org/"> 4 <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com"> 5 <style> 6 7 #multicol { 8 height: 250px; 9 width: 300px; 10 background: yellow; 11 position: relative; 12 } 13 14 #relpos { 15 position: absolute; 16 background: aqua; 17 height: 250px; 18 width: 90px; 19 top: 0; 20 left: 0; 21 } 22 23 #abspos { 24 position: absolute; 25 right: 0; 26 height: 80px; 27 width: 50px; 28 background: blue; 29 } 30 31 </style> 32 33 <div id="multicol"> 34 <div id="relpos" style="left: 0"> 35 <div id="abspos" style="top: 80px; height: 80px"></div> 36 </div> 37 </div>