如何对齐要在网格中对齐的div块？

Question

我需要DIV块有一些数据。由于内容不同，块具有可变高度。我需要将div块对齐两个。由于块的高度不同，剩余“自由空间”。如何对齐这些块以使其正确对齐？ 数据来自JSON请求，因此制作表似乎：1。使用JS制作网格更加棘手（连续2个元素）2。过时（？）。你会推荐什么？

CSS：

.book-details{
              float:left;
              display:block;
              border-style:solid;
              border-width:1px;
              padding: 2px 2px 2px 2px;
              border-color:gray;
              width: 450px;
              display: table;
}

PIC：

Answer 1

IE7及以下版本没有显示：表格，对于IE8，您必须使用html5文档类型，即9将起作用。

最好避免它，只是漂浮。记住你的盒子模型。你的宽度实际上是456px，所以父母的宽度是多少？

而且，如果你只是做了两次，你应该在两次之后清除浮动。

你可以设置一个足够高的最高div的高度。你所提出的内容似乎很容易估计。