| <!DOCTYPE html> |
| <html style="overflow:scroll; background:white; color:black;"> |
| <head> |
| <title>Scroll overflow on HTML, hidden overflow on BODY</title> |
| </head> |
| <body style="overflow:hidden; width:20em; height:20em; background:cyan;"> |
| <p>This text should be inside a cyan box. There should be no red.</p> |
| <p>The viewport should have scrollbars (that are not scrollable, due to lack of content).</p> |
| <div style="width:30em;"> |
| <div style="float:right; width:10em; height:20em; background:red;">FAIL</div> |
| </div> |
| <div style="width:300vw; height:300vh;"></div> |
| </body> |
| </html> |