html - css div继承 child 的反向边距

Question

我知道还有一个类似的问题，但我试过了，答案没有用。

我有一个带有 div 的 p，我希望能够在 p 上使用反向(负)边距。目前它不影响 p 但包含 div。

代码如下:

.reset {
    margin-left:4px;
    margin-top: 4px;
    height:50px;
    width:50px;
    background:#FFF;
}
.reset p {
    margin-top:-4px;
    font-size: 38px;
    font-family: sans-serif;
    text-align: center;
}

提前致谢

Answer 1

它不起作用，因为您的 p 是 div 的 first 元素。因此，您的 p 和 div 的 both margin-top 有点合并。

例如，如果您将 margin-top: 20px 放在 p 和 div 上，它只会产生 20 像素的上边距，而不是 40 像素。

最简单的方法是使用position: relative;:

p { position: relative; top: -4px; }

这样，p 仍处于通常的流程中，但您将其向上移动了 4px。