我有一些等效于以下內(nèi)容的HTML代碼：
<div style="border: 1px solid black">
<fieldset style="margin: 0">
<legend style="margin-top: 20px;">testing....</legend>
</fieldset>
</div>
我的問(wèn)題是為什么在 legend 上的 margin-top 沒(méi)有渲染？我想只用 CSS 來(lái)解決這個(gè)問(wèn)題。謝謝！
2
0
0
如果你真的想要這樣做，那么設(shè)置 legend { float: left; }：
legend {
float: left;
}
<div style="border: 1px solid black">
<fieldset style="margin: 0">
<legend style="margin-top: 20px;">testing....</legend>
</fieldset>
</div>
嘗試使用 padding 替代。這樣就能起作用。
之所以 margin 不起作用是因?yàn)檫吙蚝臀谋緝?nèi)容之間的距離被稱(chēng)為 padding 而不是 margin。
<div style="border: 1px solid black">
<fieldset style="margin: 0">
<legend style="padding-top: 20px;">testing....</legend>
</fieldset>
</div>
