字段集内的图例和清除向左浮动

Question

我在这个网站上找到了关于将字段集中的图例从边框移动到内部字段集的解决方案。 http://codepen.io/vkjgr/pen/oFdBa 当我想这样做时，我应该在图例上使用左浮动样式，但我应该在图例之后使用清除？此解决方案适用于所有浏览器？当我想清洁时，我必须只使用清除两者？

<fieldset>
<legende> xyz </legend>
<div style="clear: both;"</div>
//
// Other divs and inputs

Answer 1

如果您想遵循自己的方法，它也可以如下所示。否则，width:100% legend也可以。

fieldset {
  padding: 2em;
}
legend {
  float: left;
}
.clear {
  clear: both;
}

<fieldset>
  <legend>
    Hello
  </legend>
  <div class="clear">
  </div>
  <p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque sunt ad facilis fugiat perferendis et fugit quas, accusantium, quod atque provident natus facere animi sed accusamus qui doloribus illo nesciunt.
  </p>
</fieldset>