CSS中的部分邊框，沒有背景重疊

Question

我有兩個帶邊框的div，如何僅刪除2個div觸摸的邊框，如下圖所示？ 但是沒有背景重疊，我的意思是這里的背景必須透明。 問題聽起來像是CSS中的這個Partial Border，但是！ 沒有背景色重疊。 也是液體尺寸，表示不固定

Answer 1

如果div都是靜態高度，則可以使用偽元素來偽造邊框：

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

這是小提琴： http : //jsfiddle.net/FrKZy/

您可能可以使用Javascript使它在動態高度下工作。

---

警告：這在IE7或更低版​​本中不起作用。