Html 为什么'；我的图例不尊重父字段集的填充吗？

看看这个：

顶部有一个

50px的填充<代码>

不尊重这一点，但

尊重这一点。为什么会这样

注意：我在下图和我的代码笔中使用了引导，但无论是否使用引导，这个问题都适用

---

HTML

<div class='placeholder'></div>

<fieldset>
  <legend>LEGEND</legend>
  <p>PARAGRAPH</p>
</fieldset>

---

文件集和图例一起工作，p作为自己的实体。这就是图例不尊重填充的原因。图例位于字段集中。如果要设置下面的图例字段集，则可以使用css：

fieldset, legend {
    padding-top: 50px;
}

因为HTML5规范的核心是这样说的

10.3.13和元素

如果元素具有与条件匹配的子元素 在下面的列表中，第一个这样的孩子是 元素的渲染图例：

• 子元素是一个元素
• 孩子没有失控（例如，没有绝对定位或浮动）
• 子项正在生成一个框（例如，它不是“显示：无”）

元素（如果有）是预期的 要在元素的上边框边缘上渲染 作为“块”框（覆盖任何显式“显示”值）

---

我有限的理解是，

图例

s用于显示在

字段集

的边界处（如集合的标题）-如果需要向下移动集合，可能需要增加集合的边距，或者如果需要向下移动图例（标题），则将填充应用于

图例

itself@ochi你说得对！我对这个注定要失败的问题给出了一个

hacky

答案：）为什么不直接用谷歌搜索并阅读呢

fieldset, legend {
    padding-top: 50px;
}