html - Bootstrap 3 模态中的两列 div

Question

我试图将两个 div 并排放置在 BS3 模态主体中。

我将左右div的宽度分别设置为70%、30%。

但是右边的div移到了下一行。

所以我将左侧的 div 宽度减小到 69%，并且成功了。 http://jsfiddle.net/t2NcN/5/

有人能告诉我为什么 70% 失败了吗？ http://jsfiddle.net/t2NcN/6/非常感谢。

 .modal-dialog{
    width:90%;

  }
 #wrap{
   padding:0;
   margin:0;
   width:100%;
 }
 #left_div{
    width:70%;
    display:inline-block;
}
#right_div{
    width:30%;
    display:inline-block;    
}

Answer 1

删除第一个 div 的结束标记和第二个 div 的开始标记之间的空格:

</div><div id="right_div">

它会起作用的。换行符可能违反了 CSS 规则并在两个 div 之间添加了一个小间隙，这导致正确的 div 下降。

JSFiddle