Html 控制H1元素相对于上面P元素底部的顶部填充

在html的基本块中，H1元素的顶部填充似乎与其上方的H1元素有关，而不是其正上方的p元素。 由于我有不同数量的P元素，我不能使用它们的底部填充来控制下面H1元素的位置，而不影响每个P元素之间的间距

如何使H1元素相对于其上方的p进行填充

<h1>heading</h1>
<p>text text</p>
<p>text text</p>
<h1>heading</h1>
<p>text text</p>
<p>text text</p>
<h1>heading</h1>
<p>text text</p>
<p>text text</p>

目前，从p元素底部到H1顶部有12px的填充，增加H1元素顶部的填充不会增加p和H1之间的空间，但会增加H1顶部和其上方H1底部之间的空间

这就好像H1元素忽略了p元素的属性，只对其上方的H1作出反应。

您可以尝试：

p+h1{填充：0；}

显然，替换填充值。这是改变间距，而不是填充

这里的示例：

您可以尝试：

p+h1{填充：0；}

显然，替换填充值。这是改变间距，而不是填充

---

这里的例子：

为了清楚起见，填充从来都不是与其他任何东西“相关”的问题。填充是指元素的内部“间距”

---

CSS疑难解答提示：对于像这样的边距、填充或定位情况，我经常发现为每个元素指定背景颜色很有帮助。所以如果你给你的H1一个红色背景，给你的p一个蓝色背景，只有当你的红色H1和蓝色p之间没有差距时，你的期望才会成立。使用背景而不是边框，因为边框会改变整体尺寸。

为了清楚起见，填充从来都不是与其他任何东西“相对”的问题。填充是指元素的内部“间距”

---

CSS疑难解答提示：对于像这样的边距、填充或定位情况，我经常发现为每个元素指定背景颜色很有帮助。所以如果你给你的H1一个红色背景，给你的p一个蓝色背景，只有当你的红色H1和蓝色p之间没有差距时，你的期望才会成立。使用背景而不是边框，因为边框会改变整体尺寸。

为什么要浮动段落而不是标题

---

当应用于浮动时，边距表现不同，尤其是在IE7及以下版本中。除非你有任何真正的理由让段落浮动，否则不要

为什么要浮动段落而不是标题

---

当应用于浮动时，边距表现不同，尤其是在IE7及以下版本中。除非你有任何真正的理由让段落浮动，否则不要

从你的描述很难理解你的处境。您可以发布h1和p元素的CSS以及您希望呈现的内容的具体描述吗？（例如，“我希望h1的顶部和兄弟p的底部之间有30px”）这些细节会有所帮助。您测量的金额是多少？在

p

元素上设置了默认保证金。除非你在其他地方重新设置它，否则它也将生效。我做了进一步的更新以帮助澄清更多。为什么你浮动段落而不是标题？很难从你的描述中理解你的情况。您可以发布h1和p元素的CSS以及您希望呈现的内容的具体描述吗？（例如，“我希望h1的顶部和兄弟p的底部之间有30px”）这些细节会有所帮助。您测量的金额是多少？在

p

元素上设置了默认保证金。除非你在其他地方重置了它，否则它也将生效。我做了进一步的更新以帮助澄清更多。为什么你要浮动段落而不是标题？感谢你的澄清，但增加一个元素的内部间距似乎会增加它与上面元素的距离。这不准确吗？@sterling@Larsenal errr，很抱歉这么晚才跳到这里，但这不是真正的结果。把这些物体想象成你和其他人驾驶的汽车。汽车的利润率是0。它们相互接触，造成了大量昂贵的损失。如果你增加衬垫，你所做的就是把你自己（你的身体）移到汽车的另一边。汽车仍然保持联系。如果你真的想在物体之间留出空间，就用边距。是的，@rockerest，我明白。利润率很可能是他想要的，但从OP的角度来看，他注意到人与人之间的距离不同。。。不是汽车。我在上面评论中的建议应该有助于他看到汽车，并帮助他理解这里涉及的所有内容。感谢您的澄清，但增加一个元素的内部间距似乎会增加与上面元素的距离。这不准确吗？@sterling@Larsenal errr，很抱歉这么晚才跳到这里，但这不是真正的结果。把这些物体想象成你和其他人驾驶的汽车。汽车的利润率是0。它们相互接触，造成了大量昂贵的损失。如果你增加衬垫，你所做的就是把你自己（你的身体）移到汽车的另一边。汽车仍然保持联系。如果你真的想在物体之间留出空间，就用边距。是的，@rockerest，我明白。利润率很可能是他想要的，但从OP的角度来看，他注意到人与人之间的距离不同。。。不是汽车。我在上面评论中的建议应该有助于他看到汽车，并帮助他理解这里涉及的一切。

p {
float: left;
font-size: 12px;
line-height: 15px;
padding: 0px 0px 12px 0px;
}

h1 {

font-size: 22px;
line-height: 22px;
font-weight: 200;
padding: 15px 0px 20px 0px;
margin: 0
}