third_party/WebKit/LayoutTests/fast/block/float/previous-sibling-abspos-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             #absolute
  14             {
  15                 position: absolute;
  16                 width: 400px;
  17             }
  18             #float-left
  19             {
  20                 float: right;
  21                 height: 100px;
  22                 width: 20px;
  23                 background-color: green;
  24             }
  25             #div1
  26             {
  27                 /*'overflow: hidden' forces the div to avoid floats*/
  28                 overflow: hidden;
  29                 height: 100px;
  30                 width: 380px;
  31                 background-color: green;
  32             }
  33         </style>
  34     </head>
  35     <body>
  36         <p>There should be no red.</p>
  37         <div id="container">
  38             <div id="absolute">
  39                 <div id="float-left"></div>
  40             </div>
  41             <div id="div1"></div>
  42         </div>
  43     </body>
  44 </html>