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

Question

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

所以我使用以下css：

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

但问题是div（s）的高度都不固定。有时候div1会更长。在其他时间，div2。 ＆安培;因此，border + div1的全长不会显示由div2 css属性创建的垂直条。如何在2 div（s）中创建高度等于更长的垂直条。

不寻找javascript解决方案。

Answer 1

以下是我对评论的建议

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

Answer 2

尝试这样的事情：

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

Demo