src/third_party/WebKit/LayoutTests/fast/block/float/overhanging-from-third-last-sibling.html

   1 <html>
   2 <script src="../../../resources/check-layout.js"></script>
   3 <style>
   4     body {
   5         margin: 0px;
   6         padding: 0px;
   7     }
   8 </style>
   9 <body onload="checkLayout('#line')">
  10     <div style="height: 20px;">
  11         <div style="background-color: gray; height: 40px;">
  12             <div style="float: left; height: 30px; background-color: blue; width: 100px;"></div>
  13         </div>
  14         <div style="background-color: gray; height: 40px;">
  15             <div style="float: left; height: 30px; background-color: blue; width: 100px;"></div>
  16         </div>
  17         <div style="background-color: gray; height: 40px;">
  18         </div>
  19     </div>
  20     <div style="background-color: silver; height: 80px;">
  21        <div id="line" data-total-x=100 style="display:inline-block;">This line should not overlap the blue box.</div>
  22     </div>
  23 </body>
  24 </html>