Do not create a shape object outside of the layout context
[WebKit-https.git] / LayoutTests / fast / block / float / previous-sibling-float-001.html
1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2 <html>
3     <head>
4         <title>CSS Test: Avoid nested floats in previous siblings</title>
5         <link rel="author" title="WebKit" href="http://www.webkit.org/">
6         <style type="text/css">
7             #container
8             {
9                 background-color:red;
10                 overflow:hidden;
11                 width: 400px;
12             }
13             #float-right
14             {
15                 float: right;
16             }
17             #float-left
18             {
19                 float: left; 
20                 height: 100px; 
21                 width: 20px; 
22                 background-color: green;
23             }
24             #div1
25             {
26                 /*'overflow: hidden' forces the div to avoid floats*/
27                 overflow: hidden; 
28                 height: 100px; 
29                 width: 380px; 
30                 background-color: green;
31             }
32         </style>
33     </head>
34     <body>
35         <p>There should be no red.</p>
36         <div id="container">
37             <div id="float-right">
38                 <div id="float-left"></div>
39             </div>
40             <div id="div1"></div>
41         </div>
42     </body>
43 </html>