| <!DOCTYPE html> |
| <style> |
| body { |
| margin: 0; |
| padding: 0; |
| } |
| #container { |
| position: relative; |
| background: #ccc; |
| font: 20px Ahem; |
| } |
| #floater { |
| float: none; |
| } |
| </style> |
| <script src="../../resources/check-layout.js"></script> |
| <body> |
| <p> When a block element becomes a float we should strip any anonymous blocks wrapping its inline siblings.</p> |
| <div id="container"> |
| <span id="content"> |
| Some<br /> |
| content<br /> |
| here. |
| </span> |
| <div id="floater" data-offset-y=40> |
| Should appear inside grey box. |
| </div> |
| </div> |
| <script> |
| document.body.offsetTop; |
| document.getElementById('floater').style.float = 'right'; |
| onload = function() { checkLayout('#container'); } |
| </script> |
| </body> |
| |
| |