third_party/WebKit/LayoutTests/fast/block/float/formatting-context-changes.html

   1 <style>
   2 img {
   3     float: left;
   4 }
   5 </style>
   6 <div id="container" style="overflow: hidden; background: #eee" data-expected-height=100>
   7     <div style="list-style: none; width: 3230px;">
   8         <div style="display: table-cell; width: 1615px; vertical-align: top;">
   9                 <a><img src="" height="100px" width="100px"></a>
  10         </div>
  11         <div id="second-cell" style="display: block; width: 1615px; vertical-align: top;">
  12                 <a><img src="" height="100px" width="100px"></a>
  13         </div>
  14     </div>
  15 </div>
  16 <p id="test-output"></p>
  17 <script src="../../../resources/check-layout.js"></script>
  18 <script>
  19     var cell = document.getElementById('second-cell');
  20     var container = document.getElementById('container');
  21     document.body.offsetTop;
  22     cell.style.display = 'table-cell';
  23     window.checkLayout("#container", document.getElementById("test-output"));
  24 </script>
  25 <p>crbug.com/477076: If a nested float doesn't overhang its container the block setting the formatting context should still expand to include it if necessary. </p>