| <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
| <html> |
| <head> |
| <title>CSS Test: Avoid nested floats in previous siblings</title> |
| <link rel="author" title="WebKit" href="http://www.webkit.org/"> |
| <style type="text/css"> |
| #container |
| { |
| background-color:red; |
| overflow:hidden; |
| width: 400px; |
| } |
| #float-right |
| { |
| float: right; |
| } |
| #float-left |
| { |
| float: left; |
| height: 100px; |
| width: 20px; |
| background-color: green; |
| } |
| #div1 |
| { |
| /*'overflow: hidden' forces the div to avoid floats*/ |
| overflow: hidden; |
| height: 100px; |
| width: 380px; |
| background-color: green; |
| } |
| </style> |
| </head> |
| <body> |
| <p>There should be no red.</p> |
| <div id="container"> |
| <div id="float-right"> |
| <div id="float-left"></div> |
| </div> |
| <div id="div1"></div> |
| </div> |
| </body> |
| </html> |
