不均匀的网格布局

Question

3

这是一个例子。

我希望所有绿色框和蓝色框能够依次排列，除了已经设定好的边距外不要有大的空隙。但是，蓝色列中的第二个元素似乎对齐有问题。有人有任何建议或指导吗？如果我做错了，请告诉我。我不想预定义列，但除此之外，我对任何东西都持开放态度。谢谢！

- Logan W

2个回答

0

除了Google Chrome和FF之外，未经测试，但您可以尝试使用float：left和margin-left的组合：

- ramblex

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- justisb · Accepted Answer

不必在两列上都使用浮动，您可以仅在左列上使用float: left，并简单地在右列上使用margin-left，将这些div推到浮动的div之后。然后，您只需要清理宽度和边距以保持一致即可。