src/third_party/WebKit/LayoutTests/fast/multicol/mixed-positioning-stacking-order.html

   1 <!doctype html>
   2 <html>
   3 <body>
   4 <div style="width:210px; height:200px; border:5px solid black; -moz-column-width:100px; -moz-column-gap:10px; -webkit-column-width:100px; -webkit-column-gap:10px; column-width:100px; column-gap:10px; column-fill:auto;">
   5
   6 <div style="position:relative;">
   7 <div style="position:absolute;top:0;left:0; height:400px; width:100px">
   8 <div style="width:100px;height:100px;background-color:purple;">3</div>
   9 <div style="height:200px"></div>
  10 <div style="width:100px;height:100px;background-color:purple;">3</div>
  11 </div>
  12 <div style="position:relative; z-index:1; background-color:lightblue; width:100%; height:200px; top:100px">1</div>
  13
  14 <div style="position:fixed;background-color:gold;left:68px;top:13px;height:200px;width:100px">2</div>
  15 </div>
  16 </div>