javascript - float div中的边框问题

在Floating div issue in IE中的讨论之后，我在JSP中添加了Floating div

现在，我只需要在“ PassageDiv”的右侧添加一个标尺类型的粗边框。下面给出的CSS

#passageDiv, #questionDiv {
    overflow: auto;
    float: left;
    height: 550px;
}

#passageDiv{
    width: 50%;
}


#questionDiv {
    width: 50%;
}

期望PassageDiv和QuestionDiv之间使用分隔符。所以我在passportDiv的下面添加

border: 1px solid;

但是添加这些使我的questionDiv出现在passageDiv之下，而不是与中间的分隔符并排出现。

最佳答案

border将在四周添加边框，只需使用border-right尝试一下

#passageDiv{
  border-right: 2px solid black;
}

也将width percentage减小一点以占用border

#passageDiv{
    width: 48%;
}

#questionDiv {
    width: 48%;
}