用百分比

简单的问题鸿沟DIV我想在两列我使用与 http://jsfiddle.net/petran/WnKW3/用百分比

display:inline-block

到的div来划分一个div它工作正常，当我添加宽度为100％，第二总和列出现似乎它不在父窗口上，如果宽度总和高达99％正在工作我的问题是，如果这应该总是列的总和？

2013-06-19 Petran

这是因为HTML代码中两个子div元素之间的差距。你需要消除你给予的两个div之间的差距display: inline-block。只要删除它。它会正常工作。

<div class="container"> 
    <div class="col1"> 
     col1 
    </div><div class="col2"> <!-- removed whitespace --> 
     col2 
    </div> 
</div>

欲了解更多信息，请通过这个link

还有许多其他的方式来解决这个问题。你可以找到here

2013-06-19 16:15:07

但是是不是一个更好的主意浮动的DIV，这样你就不会从标记取决于空白？ –

@OneTrickPony你是另一种方式。但我们不知道OP究竟在做什么。因为我们可以看到OP的项目代码。 –

这很奇怪。空白如何影响html元素的显示（当然，没有预标签）？ –

你的div之间的空白占用空间，所以你的总宽度大于100％，这就是为什么它包裹。取出空间，你会看到

<div class="col1"> 
    col1 
</div><div class="col2"> 
    col2 
</div>

2013-06-19 16:15:20 Musa

回答