third_party/WebKit/LayoutTests/fast/css/margin-collapse-top-margin-clearance.html

   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: Margin collapsing with clearance - margins of a 'collapsed through' box with clearance do not collapse with parent block's bottom margin</title>
   7
   8  <style type="text/css">
   9
  10   #parent-lime
  11   {
  12   background-color: lime;
  13   border-top: black solid 1px;
  14   width: 50%;
  15   }
  16
  17   #float-left-blue
  18   {
  19   background-color: blue;
  20   float: left;
  21   height: 100px;
  22   width: 100px;
  23   }
  24
  25   #clear-left
  26   {
  27   clear: left;
  28   margin-top: 60px;
  29   margin-bottom: 60px;
  30   }
  31
  32  </style>
  33
  34  </head>
  35
  36  <body>
  37
  38   <p>Test passes if the lime rectangle is the same height as the blue square.</p>
  39
  40
  41     <div id="parent-lime">
  42       <div id="float-left-blue"></div>
  43       <div id="clear-left"></div>
  44
  45     </div>
  46
  47  </body>
  48 </html>