| <!DOCTYPE html> |
| <style> |
| body { margin: 0px; } |
| .float { float: left; width: 50px; height: 100px; background: green;} |
| .content { overflow: hidden; margin-top: -100px; width: 50px; height: 100px; background: green;} |
| .container { width: 100px; background: red;} |
| </style> |
| <p>crbug.com/666487: There should be a green square below.</p> |
| <div class="container"> |
| <div class="float"></div> |
| <br clear=all> |
| <div style="width: 20px; height; 1px"></div> |
| <div class="content" data-offset-x=50></div> |
| </div> |
| <script src="../../../resources/check-layout.js"></script> |
| <script> |
| checkLayout('.content'); |
| </script> |