third_party/WebKit/LayoutTests/fast/css/percent-width-img-inside-zero-percent-and-fixed-container.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <title>Test case for https://bugs.webkit.org/show_bug.cgi?id=9493</title>
   5 <style type="text/css">
   6   #fixedContainer { width: 0px }
   7   #percentContainer { width: 0% }
   8   .test { width: 100%; }
   9 </style>
  10 </head>
  11 <body>
  12  <h4> There should be no red squares visible below. </h4>
  13  <div style="background-color:green;position:absolute;width:64px;height:64px">
  14    <div id="fixedContainer">
  15      <img class="test" src="resources/red-box.png">
  16    </div>
  17  </div>
  18   <div style="background-color:green;position:absolute;width:64px;height:64px;top:130px">
  19    <div id="percentContainer">
  20      <img class="test" src="resources/red-box.png">
  21    </div>
  22   </div>
  23  </div>
  24 </body>
  25 </html>