third_party/WebKit/LayoutTests/fast/block/positioning/048.html

   1 <html>
   2 <style>
   3 .box {
   4   border: 2px solid green;
   5   padding: 2px;
   6   height: 25px;
   7   width: 25px;
   8 }
   9
  10 .container {
  11   border: 2px solid blue;
  12   height: 75px;
  13   width: 75px;
  14   position: absolute;
  15 }
  16
  17 .topleft {
  18   position: absolute;
  19   top: 0px;
  20   left: 0px;
  21 }
  22
  23 .topright {
  24   position: absolute;
  25   top: 0px;
  26   right: 0px;
  27 }
  28
  29 .bottomleft {
  30   position: absolute;
  31   bottom: 0px;
  32   left: 0px;
  33 }
  34
  35 .bottomright {
  36   position: absolute;
  37   bottom: 0px;
  38   right: 0px;
  39 }
  40 </style>
  41 <body>
  42 <div class="container">
  43 <div class="topleft box"></div>
  44 <div class="topright box"></div>
  45 <div class="bottomright box"></div>
  46 <div class="bottomleft box"></div>
  47 <div style="width:100%; height:100%; background: gray;"></div>
  48 </div>
  49 <div class="container" style="padding:10px; left:100px; top:0px">
  50 <div class="topleft box"></div>
  51 <div class="topright box"></div>
  52 <div class="bottomright box"></div>
  53 <div class="bottomleft box"></div>
  54 <div style="width:100%; height:100%; background: gray;"></div>
  55 </div>
  56
  57 </body>