third_party/WebKit/LayoutTests/fast/block/positioning/relative-overconstrained.html

   1 <html>
   2 <head>
   3     <title>Test for http://bugs.webkit.org/show_bug.cgi?id=12037</title>
   4     <style type="text/css">
   5         .ltr { direction: ltr; }
   6         .rtl { direction: rtl; }
   7         .container { width: 130px; }
   8         .greenbox { background: green; width: 90px; height: 15px; }
   9     </style>
  10 </head>
  11 <body>
  12     <div class="container ltr">
  13         <div class="greenbox" style="position: relative; left: 20px; right: 10px;"></div>
  14     </div>
  15     <div class="container ltr">
  16         <div class="greenbox" style="position: relative; left: 20px;"></div>
  17     </div>
  18     <div class="container ltr" style="margin-left: 30px;">
  19         <div class="greenbox" style="position: relative; right: 10px;"></div>
  20     </div>
  21     <div class="container rtl" style="margin-left: -30px;">
  22         <div class="greenbox" style="position: relative; left: 10px;"></div>
  23     </div>
  24     <div class="container rtl">
  25         <div class="greenbox" style="position: relative; right: 20px;"></div>
  26     </div>
  27     <div class="container rtl">
  28         <div class="greenbox" style="position: relative; right: 20px; left: 10px;"></div>
  29     </div>
  30 </body>
  31 </html>