html - 可能非常简单——让三个容器彼此相邻？

Question

我有三个 div 容器，大小都相同，我使用 margin-left 将后两个垂直移动到它们自己的空间中，并与第一个（最左边的）容器分开。

http://i.stack.imgur.com/Cw6bQ.png

坏消息是，每个人都在各自的路线上......如果我只有两个容器，我知道我可以浮动：左一个和浮动：另一个，问题解决了......但是三个呢？

Answer 1

你可以简单地float: left全部三个。如果你想要盒子之间的间隙，
你只需要一个。margin

Answer 2

为什么不将此添加到所有 div 的 css 中：

display:inline-block;

注意：您可能需要删除浮点值才能使其正常工作！

编辑：

如果您的 div 在彼此之间留下无法解释的间隙，请尝试删除它们之间的空白，如下所示：

<div>
    My Content
</div><div>
    My Content
</div><div>
    My Content
</div>