abs-pos-replaced-vrl-001-ref.html (848B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <link rel="author" title="David Shin" href="mailto:dshin@mozilla.com"> 4 <link rel="author" href="https://mozilla.org" title="Mozilla"> 5 <style> 6 .cb { 7 position: relative; 8 } 9 audio, video, canvas, iframe, svg { 10 border: 1px solid blue; 11 position: absolute; 12 /* This value corresponds to the difference between wrapper 13 divs' width in the testcase. It causes the elements to 14 be shifted right to prevent the test from spuriously 15 passing by just placing them on the leftmost side. */ 16 left: 100px; 17 } 18 </style> 19 <body> 20 <div class="cb"> 21 <audio controls></audio> 22 <video controls style="top: 50px;"></video> 23 <canvas style="top: 210px;"></canvas> 24 <iframe style="top: 370px;"></iframe> 25 <svg style="top: 530px;" width="300" height="20"></svg> 26 </div> 27 </body>