html - 表格的右边框问题

Question

请看看这个小提琴

jsfiddle.net/Qstuw/2/

正如您从图片中看到的，第一行的右边框在不同的位置。我正在尝试设置所有正确的边框看起来像 1 行 - 我的意思是在同一个地方

我怎样才能做到这一点？

Answer 1

div为您的所有-s添加一个透明的左边框- http://jsfiddle.net/Qstuw/4/

div.Answer {
    margin: 5px 0 5px 0;
    padding-left: 10px;
    border-left: 4px solid transparent;
}

Answer 2

见http://jsfiddle.net/Qstuw/3/

div.Answer {
    margin: 5px 0 5px 4px; /* 4px margin-left */
    padding-left: 10px;
}

div.Answer.SelectedDiv{
    border-left: 4px solid #90db99; /* same to border-left */
    margin-bottom: 15px;
    margin-left:0; /* reset margin-left */
}

Answer 3

这是所选答案左侧的 4px 边框正在执行此操作。

div.Answer.SelectedDiv{
border-left: 4px solid #90db99;
}

您可以在所有答案的左侧添加一个边框。

div.Answer {
border-left:4px solid #ffffff;
}