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

Question

我有兩個帶邊框的div，如何只移除2 div觸摸的邊框，如下圖所示？但沒有背景重疊，我的意思是背景必須透明。 問題聽起來像這樣一個接縫Partial Border in CSS但!!沒有背景顏色重疊。也是液體尺寸，意思是不固定。

Answer 1

如果您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; 
} 

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

你也許可以使之與使用動態高空作業的JavaScript。

---

警告：這不會在IE7或下工作。