margin-collapse-top-margin-clearance.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>

 <head>

  <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>

 <style type="text/css">

  #parent-lime
  {
  background-color: lime;
  border-top: black solid 1px;
  width: 50%;
  }

  #float-left-blue
  {
  background-color: blue;
  float: left;
  height: 100px;
  width: 100px;
  }

  #clear-left
  {
  clear: left;
  margin-top: 60px;
  margin-bottom: 60px;
  }

 </style>

 </head>

 <body>

  <p>Test passes if the lime rectangle is the same height as the blue square.</p>


    <div id="parent-lime">
      <div id="float-left-blue"></div>
      <div id="clear-left"></div>

    </div>

 </body>
</html>

chromium/third_party/blink/web_tests/fast/css/margin-collapse-top-margin-clearance.html