字段集中的圖例和清除向左浮動

Question

我在此站點解決方案中發現了有關將圖例從邊界移動到內部的圖例。 http://codepen.io/vkjgr/pen/oFdBa當我想執行此操作時，我應該在圖例上使用左移樣式，但是在圖例之后我應該同時使用clear？ 此解決方案適用於所有瀏覽器嗎？ 當我想要清潔時，我必須只使用清除兩者嗎？

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

Answer 1

如果您要遵循自己的方法，它也可以如下所示工作。 否則， legend上的width:100%也可以。

 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>