字段集和邊距崩潰

Question

爲什麼用FIELDSET和LEGEND摺疊頁邊似乎不可能？

<fieldset> 
    <legend>Legend</legend> 
    <div>No collapse</div> 
</fieldset> 
<fieldset> 
    <div>No collapse</div> 
</fieldset> 

FIELSET, DIV { 
    margin: 20px 0; 
} 

一個例子：

http://codepen.io/anon/pen/JoGrLv

Answer 1

你的HTML：

<fieldset> 
    <legend>With fieldset</legend> 
    <div>No collapse</div> 
</fieldset> 
<fieldset> 
    <div>No collapse</div> 
</fieldset> 

<div class="fieldset"> 
    <h1>Without fieldset</h1> 
    <div>Collapse</div> 
</div> 
<div class="fieldset"> 
    <div>Collapse</div> 
</div> 

這裏是更新的CSS：

.fieldset, fieldset, legend, div, h1 { 
    margin: 10px 0; 
    float: left; 
    width: 100%; 
} 

新增浮法和寬度:)