如何使div包含两个浮点div？

<div class="parent">
  <div class="float-left">
    <!-- 左侧浮动div的内容 -->
  </div>
  <div class="float-right">
    <!-- 右侧浮动div的内容 -->
  </div>
</div>

.float-left {
  float: left;
}

.float-right {
  float: right;
}