third_party/WebKit/LayoutTests/css2.1/20110323/height-applies-to-010a.htm

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
   2 <html>
   3
   4  <head>
   5
   6   <title>CSS Test: height set to 0 to elements with 'display' set to 'list-item'</title>
   7
   8   <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
   9   <link rel="author" title="Boris Zbarsky" href="bzbarsky@MIT.EDU">
  10   <link rel="help" title="10.5 Content height: the 'height' property" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property">
  11   <link rel="help" title="11.1.1 Overflow: the 'overflow' property" href="http://www.w3.org/TR/CSS21/visufx.html#overflow">
  12
  13   <meta content="" name="flags">
  14   <meta content="If height of content exceeds the set height of a block-level non-replaced element in normal flow (like a list-item element such as in this test), then the content should overflow according to the 'overflow' property." name="assert">
  15
  16   <style type="text/css">
  17   div
  18   {
  19   color: green;
  20   display: list-item;
  21   font: 2em/1 serif;
  22   height: 0px;
  23   margin-left: 1.25em;
  24   overflow: visible;
  25   }
  26
  27   ul
  28   {
  29   height: auto;
  30   margin-top: 3em;
  31   overflow: visible;
  32   }
  33
  34   li
  35   {
  36   color: green;
  37   font: 2em/1 serif;
  38   height: 0px;
  39   overflow: visible;
  40   }
  41
  42   ul#heightless {height: 0px;}
  43   </style>
  44
  45  </head>
  46
  47  <body>
  48
  49   <p>Test passes if <strong>3 green "PASS"</strong> are each preceded by a filled disc.</p>
  50
  51   <div>PASS</div>
  52
  53   <ul>
  54     <li>PASS</li>
  55   </ul>
  56
  57   <ul id="heightless">
  58     <li>PASS</li>
  59   </ul>
  60
  61  </body>
  62 </html>