1

我在一个 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 会抵消底部边框，并且该部分看起来就像顶部缺少边框的一部分。

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

4

2 回答 2

5

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

于 2013-02-18T00:43:47.457 回答
1

这很 hacky，但您可以通过以下方式将元素向上移动1px：

#innerdiv {
    position: relative;
    top: -1px;

    border-top: 1px solid white;
}

演示：http: //jsfiddle.net/4A8LF/

为什么不直接添加border-top: 1px solid transparent;到父级？

于 2013-02-18T00:43:40.153 回答