floatした要素が崩れないようにする(他の要素が回りこまないようにする)

padding-bottom margin-bottom でなんとかしていたが、 overflow:hidden; を親か子の最後に指定することで回り込みを防げる.

<div class="a">
  <div class="b">
    <p>xxxx</p>
    <p>xxxx</p>
  </div>
  <div class="b">
    <p>xxxx</p>
    <p>xxxx</p>
  </div>
</div>
.b p {
  float: left;
}
.b {
  overflow: hidden;
}