| <style> |
| img { |
| float: left; |
| } |
| </style> |
| <div id="container" style="overflow: hidden; background: #eee" data-expected-height=100> |
| <div style="list-style: none; width: 3230px;"> |
| <div style="display: table-cell; width: 1615px; vertical-align: top;"> |
| <a><img src="" height="100px" width="100px"></a> |
| </div> |
| <div id="second-cell" style="display: block; width: 1615px; vertical-align: top;"> |
| <a><img src="" height="100px" width="100px"></a> |
| </div> |
| </div> |
| </div> |
| <p id="test-output"></p> |
| <script src="../../../resources/check-layout.js"></script> |
| <script> |
| var cell = document.getElementById('second-cell'); |
| var container = document.getElementById('container'); |
| document.body.offsetTop; |
| cell.style.display = 'table-cell'; |
| window.checkLayout("#container", document.getElementById("test-output")); |
| </script> |
| <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> |