CSS：重叠边框

Question

我只是偶然发现一个问题，即菜单栏和主要内容框之间的共享边框没有正常运行（因为内容框太小）

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

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

所以我想知道是否有办法修复边界。也许通过给他们两个并使其重叠？只是不知道如何做到这一点，因为保证金-x不起作用。

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;
}
​

Answer 2

对于以后的访问者，这是最终修复它的CSS。

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

你基本上可以获得10px的余量并将其移回10 px