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

Question

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

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

Answer 1

如果您想遵循自己的方法，它也可以如下所示工作。否则，width:100%上的legend也会这样做。

＆＃13;

＆＃13;

fieldset {
  padding: 2em;
}

legend {
  float: left;
}

.clear {
  clear: both;
}

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;