バックグラウンドオーバーラップのないCSSの部分的な枠線

Question

境界線を持つ2つのdivがあります。下の図のように2つのdivsが接する境界線のみを削除するにはどうすればよいですか？しかし、背景が重ならないと、ここでは背景が透明でなければならないということです。 質問はこのような継ぎ目に聞こえます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または下に動作しません。