third_party/WebKit/LayoutTests/fast/block/float/trailing-float-with-content.html

   1 <!DOCTYPE html>
   2 <style>
   3 body {
   4     margin: 0px;
   5 }
   6 #container {
   7     position: absolute;
   8     top: 50px;
   9     width: 300px;
  10     font: 10px/1 Ahem;
  11 }
  12 </style>
  13 <p>crbug.com/487775: There should be a green square to the right (and no assertion failures).</p>
  14 <div id="container">
  15     <div id="firstChild" style="display:inline-block; width:100px;"></div>
  16     <div style="display:inline-block; width:100%; height:100px;"></div>
  17     <div style="float:right;">
  18         <div id="elm" style="width:100px; height:10px; background:green;"></div>
  19     </div>
  20 </div>
  21 <script>
  22     onload = function() {
  23         document.body.offsetTop;
  24         document.getElementById("elm").style.height = "100px";
  25         document.getElementById("firstChild").style.width = "101px";
  26     }
  27 </script>