Css 使用“框大小：边框框”和“内联块”元素

我想使用

box size:border-box

CSS属性将表单分为左右两部分：

<form class=container>
  <fieldset class=left>
    <label>Description</label>
    <textarea name=description></textarea>
  </fieldset>
  <fieldset class=right>
    <label>Name</label>
    <input type=text name=name />
  </fieldset>
</form>

当然，问题是因为

是浮动的，所以它们不再处于流中，

元素的高度为0（除非我添加了clearfix或其他东西）。如果我删除float属性并将它们的显示更改为

内联块

，它们将返回到流中，但不再相邻排列

是否有某种方法可以在此处使用

边框框

，而无需添加clearfix元素（或

：在

伪元素之后）

---

作为参考，fiddle使用浮点数，fiddle使用内联块。

这是一个非常常见的问题

在容器上添加

overflow

值将使浏览器重新计算容器的尺寸，尽管它没有未浮动的元素

.container { overflow: hidden; }

---

和

您知道这种行为是否有特定原因吗？

.container { overflow: hidden; }