margin overflow behavior

by RomainMazB

HTML

<h3>Overflow:auto</h3>
<div class="parent with-overflow">
  <p class="child">test</p>
</div>
<h3>No overflow, with content</h3>
<div class="parent">
  some content
  <p class="child">test</p>
</div>
<h3>No overflow, no content</h3>
<div class="parent">
  <p class="child">test</p>
</div>

CSS

.parent {
  background-color: red;
}
.with-overflow {
  overflow: auto;
  }
.child {
  background-color:blue;
  margin-top:50px;
}