| <!DOCTYPE html> |
| <style> |
| .float { |
| float:left; |
| clear:left; |
| } |
| </style> |
| <p> crbug.com/616167: There should be a green square below and some text. </p> |
| Some text for a line |
| <br> |
| <div class="float"> |
| <div style="height: 50px; width: 100px; background-color: green;"></div> |
| </div> |
| <div class="float" id="float"> |
| <div style="display: none; height: 100px; width: 50px;" id="test"></div> |
| </div> |
| <div class="float"> |
| <div style="height: 50px; width: 100px; background-color: green;"></div> |
| </div> |
| <br> |
| Some text for a line |
| <br> |
| <script> |
| document.getElementById("test").style.display = "block"; |
| document.body.offsetTop; |
| document.getElementById("test").style.display = "none"; |
| </script> |