BFC - Solve Margin Collapsing

bfc-solve-margin-collapsing.markdown

BFC - Solve Margin Collapsing

A Pen by 배하람 on CodePen.

License.

index.html

<div class="bfc">
  <p>element</p>
  <p>element</p>
  <div class="new-bfc">
    <p>element</p>
  </div>
</div>

style.css

div {
  background-color: blue;
}
p {
  margin: 10px 0;
  background-color: green;
}
.bfc {
  overflow: hidden;
}
.new-bfc {
  overflow: hidden;
}