HTML&；CSS：使用CSS正确对齐<；h1>；及<；p>；标签

关于“div”标记，我有一个问题-包括文本和标题。 因为我还不能上传图片（因为我是这里的noob），所以我会尽我所能解释

• 一个“div”后面有一个“h1”和一个“p”。整个“div”向左浮动
• 另一个“div”后面有一个“h2”和一个“p”。整个“div”向右浮动

由于两个“文本div”相邻，我希望它们中的“p”对齐并完美镜像。因为我的“h1”比我的“h2”大，所以第一个“div”中的“p”比另一侧的“p”被进一步向下推

有没有聪明的方法来解决这个问题？我试过使用边距和填充物，但要使其适应似乎很复杂

希望你能理解

---

最佳CSS_maniac首先，我建议使用CSS重置脚本来限制正在使用的变量数量（边距、填充、文本大小），并确保在所有浏览器中都能正确呈现。真的很受欢迎。然后，您可以调整h1和h2上的

字体大小

，使其按您的喜好显示，并调整h1和h2上的

填充底部

或

边距底部

，使p正确对齐。

是。至少有10种方法可以解决这个问题

您可以将以下任何属性添加到p标记中

位置：相对；顶部：（以px或em为单位指定金额，不带括号）

页边距顶部：10px

位置：绝对；//与位置非常相似：相对

祝你好运

-Brian
也许你可以设置一个JSFIDLE来重现这个问题，比一个图像好得多，然后我们可以从中找到一些具体的工作。我想我喜欢你的建议，在
p
标签上使用
position:absolute
比我的解决方案更好，@bwheeler96。无论
h1
和
h2
规则如何，都可以更好地保证它们正确对齐。OP，只需记住在包含div上设置
position:relative
，这样
p
s就不会与页面绝对对齐。您还必须在包含的div上设置一个高度；顶部：“数量”是到标题的距离？如果您正在谈论设置
位置：相对；顶部：
在
p
元素上，它是
顶部
相对于
p
通常所在位置的位置。如果
p
通常直接显示在标题下方，则设置
top:5px
将使其比其他设置低5px。谢谢。我只是想知道——我怎么知道两个p标签什么时候处于完全相同的高度？（没有盯着它看）