third_party/WebKit/LayoutTests/css2.1/20110323/absolute-non-replaced-max-height-008.htm

   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: Max-height on absolutely positioned, non-replaced elements, 'top' set to static position</title>
   5         <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
   6         <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height">
   7         <meta name="flags" content="">
   8         <meta name="assert" content="When 'top' is set to the static position and any 'auto' values for top and bottom margin are set to '0', when 'top' and 'bottom' are 'auto' and 'height' is not 'auto'.">
   9         <style type="text/css">
  10             #div1
  11             {
  12                 background: blue;
  13                 height: 3in;
  14                 position: relative;
  15                 width: 1in;
  16             }
  17             div div
  18             {
  19                 background: orange;
  20                 bottom: auto;
  21                 height: 1in;
  22                 margin-bottom: auto;
  23                 margin-top: auto;
  24                 max-height: 0.5in;
  25                 position: absolute;
  26                 top: auto;
  27                 width: 100%;
  28             }
  29         </style>
  30     </head>
  31     <body>
  32         <p>Test passes if there are two boxes below, a blue box below an orange box.</p>
  33         <div id="div1">
  34             <div></div>
  35         </div>
  36     </body>
  37 </html>