CSS：重叠边框

Question

我刚遇到了一个问题，菜单栏和主内容框之间共享的边框不能正确地显示（因为内容框太小了）

图片: http://imgur.com/O3ra9

代码: http://jsfiddle.net/gh55e/2/

所以我想知道是否有一种方法来修复边框。也许可以给它们一个重叠，并使它们重叠？只是不知道如何做到这一点，因为 margin -x 不起作用。

- Coolcrab

---

请发布您正在使用的CSS，我们可以提出改进建议。 - mmtauqir

好的，这是我的问题演示：http://jsfiddle.net/gh55e/2/ - Coolcrab

我猜你想让其中一个列变得更长：所以在这种情况下，主内容框太小了，但也可能相反，菜单栏会更小？ - jussinen

Answer 1

给正确的元素四周加上边框，然后使用负的 margin-top 和 margin-left 属性使它们重叠在一起。以下是更新后的 jsfiddle：

http://jsfiddle.net/gh55e/4/

CSS:

#right {
    width: 85px;
    float: right;
    background-color: #e1e1e1;
    padding: 0px 10px 10px 10px;
    margin-top: -54px;
}
​

- alt

---

通常来说，负边距并不被推荐使用，而且几乎总是如此。 - Kevin Behan

Answer 2

对于后来的访问者，这是最终解决问题的CSS代码。

#right {
    width: 385px;
    float: right;
    background-color: #e1e1e1;
    padding: 0px 10px 10px 10px;
    margin-left: -10px;
}

你基本上是创建了一个10像素的边距，然后将其向后移动10像素。

- Coolcrab

---

看起来Jackson Gariety的答案让你朝着正确的方向前进了，你应该给他答案的功劳。 - Alban