css - div除以百分比

Question

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

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>

工作小提琴

欲了解更多信息，请通过此链接

还有许多其他方法可以解决此问题。你可以在这里找到

Answer 2

您的 div 之间的空白空间占用空间，因此您的总宽度大于 100%，这就是它换行的原因。去掉空格，你会看到

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

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