如何使内部 div 的顶部边框与外部 div 的顶部边框重叠？

Question

我在 div 中有一个 div，它们都有边框。如何使内部 div 的顶部边框与外部 div 的边框重叠？

HTML：

<body>
    <div id = "outerdiv">
        <div id = "innerdiv">
            content
        </div>
    </div>
</body>

CSS：

#outerdiv{
    border: 1px solid black;
}

#innerdiv{
    border-top: 1px solid white;
}

我希望边框彼此对齐，这样内部 div 就会取消底部边框，并且该部分看起来就像顶部缺少一部分边框一样。

这适用于底部边框，但不适用于顶部。

Answer 1

给你#innerdiv一个position:relative; top:-1px。