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

我有两个带边框的div，如何只移除2 div触摸的边框，如下图所示？但没有背景重叠，我的意思是背景必须透明。问题听起来像这样一个接缝Partial Border in CSS但!!没有背景颜色重叠。也是液体尺寸，意思是不固定。在没有背景重叠的CSS中部分边框

来源

2012-01-26 sirghi sirghi

div的静态高度是多少？ – 2012-01-26 23:23:45

不，必须有动态宽度 – 2012-01-27 22:14:58

我的答案可以使用动态宽度。它只是不能用于动态高度。 – 2012-01-28 23:49:45

如果您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或下工作。

来源

2012-01-26 23:28:52

聪明的解决方案。 – 2012-01-26 23:36:54

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

回答

相关问题