Javascript 浮动分区的边界问题

继中的讨论之后，我在JSP中添加了浮动div

现在我只需要在“PassageDiv”的右侧添加一个厚边框的标尺类型。CSS如下所示

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

#passageDiv{
    width: 50%;
}


#questionDiv {
    width: 50%;
}

我期待的是PassageDiv和QuestionDiv之间的分隔符。所以我在passageDiv的下面一行添加了

border: 1px solid;

---

但添加此项会使我的问题div显示在passageDiv下方，而不是与中间的分隔符并排出现。

border

会在四周添加边框，只需使用

border right

试试这个

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

同时将

宽度

百分比

减小一点，以占用

边框

#passageDiv{
    width: 48%;
}

#questionDiv {
    width: 48%;
}

检查这个，我不想面对这样的问题

#passageDiv, #questionDiv {
    overflow: auto;
    float: left;
    height: 50px;
    width: 50%;
}

#passageDiv {
    border-right: 1px solid #ccc;
}

---

你能举一个JSFiddle作为例子吗？我认为这两个元素不适合容器空间，因为它们的大小是：50%+50%+1px（边框）。即使没有边框，由于整数转换（例如：551px/2->~226px），50%+50%也可能大于100%。你可以设置负的边距，或者绝对定位你的元素，尝试在小提琴中进行一些操作以获得正确的答案，或者给我一个评论。@Arun我在1分钟和3分钟前给出了相同的答案，所以逻辑上我的答案应该标记为已接受。这不公平吗？？？罗尔兹。