Css 响应列不在一起。。？

我正在根据百分比创建列。例如，我有两列50%。这些加起来应该是100%，并且适合同一行

.col_half{width:50%；display:inline block；}

但是，由于某种原因，第二列被推到下一行。如果我将宽度减少到49.5%，那么这两列就可以组合在一起

三列也有同样的问题，如果我将其设置为33.3%，最后一列将被忽略。如果我把它减少到32.8%，它们都适合。在这两种情况下，宽度的右侧都有一个小间隙，因为它们加起来并不是100%

---

这些列都在一行中，宽度设置为100%。我想知道是什么导致了这个问题？我正在使用引导，这可能会影响它。

如果两个分区或其他块级元素具有50%的宽度和

浮动

，它们将彼此相邻显示。如果没有

float

add

float:left到两个元素。如果您有
float:left和<代码>宽度：50%，则子内容溢出。使用Firebug的DOM inspector开始从这些父元素中删除子元素，直到布局得到修复，然后您将知道要移动到哪里以纠正这种情况。
当两个（或更多）对应的元素具有
位置：inline block
，它们的结束/开始标记之间的所有空格都会影响HTML中它们之间的空格。避免这种情况的唯一方法是在文本编辑器中删除这些元素之间的所有空白，如下所示：

<div>
    blah blah
</div><div>
    blah2 blah2
</div>


废话
废话

而不是这个

<div>
    blah blah
</div><!-- Here is white-space (new line) -->
<div>
    blah2 blah2
</div>


废话
废话
这不是WP问题，而是CSS问题。您的问题是容器内容的大小和它的边距/边框被排除。查看
框大小调整
CSS样式。