将div除以百分比

Question

简单的问题我想将div分成两列我用来div http://jsfiddle.net/petran/WnKW3/

display:inline-block

并且它工作正常，当我添加总和为100％的宽度时，第二列出现 如果宽度总和，下面似乎它不会在父窗口上 高达99％的工作我的问题是，如果这应该总是列的总和？

Answer 1

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

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

Working Fiddle

有关详情，请参阅此link

还有很多其他方法可以解决这个问题。你可以找到 here

Answer 2

div之间的空白占用空间，因此总宽度大于100％，这就是它包裹的原因。删除空格，你会看到

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

http://jsfiddle.net/WnKW3/1/