| <html> |
| <body> |
| <div style="height:100px;background-color:yellow"> |
| <div style="float:left;height:500px;background-color:green">Hello world</div> |
| </div> |
| <div style="overflow:hidden; height:100px; border:2px solid black">Does the float intrude? |
| <span style="float:right;width:100px;background-color:purple;height:400px"></span> |
| </div> |
| <div>This text should not overlap the purple float? Will this happen? I'm really not sure. |
| This is a test of some of the strange behavior you will find when using overflow auto or scroll, etc. |
| </div> |
