html - 在两个相邻 div 之间延伸到更长长度的垂直条

Question

我有两个相邻div的（s）。我需要用竖线将它们分开。

所以我使用以下 css ：

#div1{
    border-right: 1px solid #CCC;
}
#div2{
}

但问题是两个div（s）的高度都不是固定的。有时div1更长，有时，div2。& 因此由 css 属性创建的竖线对于+border的全长是不可见的。如何在 2 个（s）中创建一个高度等于更长的垂直条。div1div2div

不是在寻找 javascript 解决方案。

score 4 · Accepted Answer

这是我在评论中的建议

#div1 {border-right:1px solid #ccc;}
#div2 {
     border-left:1px solid #ccc;
     margin-left:-1px;
}

score 1 · Accepted Answer

尝试这样的事情：

#div1 {border-right:1px solid #ccc;}
#div2 {
    border-left:1px solid #ccc;
    margin-left:-1px;
}

2 回答 2