Javascript CSS中没有背景重叠的部分边框

我有两个带边框的div，如何只删除两个div接触的边框，如下图所示？但没有背景重叠，我的意思是这里的背景必须是透明的。

---

这个问题听起来像这个，但是！！没有背景色重叠。而且它是液体维度，意思是不固定的。

如果您的

div

s都是静态高度，您可以使用伪元素来伪造边框：

div {
    border: 1px solid black;
}
#small {
    border-right-width: 0;
    height: 80px;
}
#big {
    border-left-width: 0;
    height: 200px;
    position: relative;
}
#big:before {
    content: ' ';
    border-left: 1px solid black;
    position: absolute;
    height: 120px;
    left: 0; top: 80px;
}

这是小提琴：

您可能可以使用Javascript使其与动态高度一起工作

---

---

警告：这在IE7或以下版本中不起作用。

我的答案将在动态宽度下起作用。它不能用于动态高度。是的，它的有效答案，例如我提供的答案，因为我在这篇文章中介绍了我的问题，我的床是我没有要求的，我的案例是水平菜单，带有水平子菜单，如此链接中所示" . @ Joseph如果你对动态宽度或高度有一些想法，请在这里发布相同的js示例，因为我还不知道如何做到这一点。我需要IE7中的这个功能。非常感谢。请再试一次，但链接的结尾处没有/，抱歉。