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