float：左边不能正常工作

Question

有一个div容器#filters，它包含所有DOM组件。每个DOM组件都分配有类＆＃39; form-field-in-a-row＆＃39;。这是css定义：

div#filters { border: solid 0px #ccc; }
div#filters .dijitTextBox { width: 150px; }
div#filters input.submit { width: 60px; float: left;  margin-top: 25px; margin-right: 3px;}
div#filters input.reset { width: 60px; float: left;  margin-top: 25px; margin-left: 3px;}
.form-field-in-a-row { margin: 10px 0px; min-height: 22px; width: 200px; float: left;}

现在我可以看到每个DOM对象都是从左到右部署但仍然在堆栈上，如下所示：

那么如何在没有高度差的情况下将所有东西放在一排呢？

Answer 1

如果你要对它们加display:inline;，它们应该互相内联。

Answer 2

display:inline-block;应该适用于您的divs。 inline使它们在同一行上，block允许您通过CSS为它们分配width + height。