third_party/WebKit/LayoutTests/fast/block/positioning/absolute-positioned-overconstrained.html

   1 <html>
   2 <head>
   3     <title>Over-constrained dimensions test for absolutely positioned elements</title>
   4     <style type="text/css">
   5         .container {
   6             direction: rtl;
   7             position: absolute;
   8             width: 200px;
   9             height: 200px;
  10             background-color: blue;
  11         }
  12         .toTest {
  13             position: absolute;
  14             /* Over-constrained -- 50px + 75px + 100px + 25px + 25px > 200px */
  15             left: 50px;
  16             right: 75px;
  17             width: 100px;
  18             margin-left: 25px;
  19             margin-right: 25px;
  20
  21             height: 50px;
  22             background-color: green;
  23         }
  24         #test { left: 300px; }
  25         #control div { direction: ltr; }
  26         #test div { direction: rtl; }
  27     </style>
  28 </head>
  29 <body>
  30     <p>The two boxes below should look identical.</p>
  31     <div id="control" class="container">
  32         <div class="toTest"></div>
  33     </div>
  34     <div id="test" class="container">
  35         <div class="toTest"></div>
  36     </div>
  37 </body>
  38 </html>