third_party/WebKit/LayoutTests/fast/block/basic/021.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
   2
   3 <html>
   4
   5 <head>
   6
   7         <title>Slashdot Layout Bug Testcase</title>
   8
   9         <style type="text/css">
  10                 /* These rules cause the layout issue */
  11                 #yellow{ height: 100%; }
  12                 #blue { height: 100%; }
  13                 /* #green { height: 100%; } /* */
  14
  15                 /* These rules are to demonstrate the layout issue */
  16                 #yellow { border: 3px solid yellow; }
  17                 #blue { border: 3px solid blue; }
  18                 #green { border: 3px solid green; }
  19                 #red { border: 3px solid red; }
  20                 #navy { border: 3px solid navy; }
  21         </style>
  22
  23 </head>
  24
  25 <body>
  26
  27         <div id="yellow">Yellow
  28                 <div id="blue">Blue
  29                         <div id="green">Green</div>
  30                         <div id="red">Red</div>
  31                 </div>
  32         </div>
  33
  34         <div id="navy">
  35                 <div>Navy</div>
  36         </div>
  37
  38 </body>
  39 </html>