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

时间:2013-10-16 15:36:29

标签: html containers

我有三个div容器,大小相同,我使用margin-left将后两个移位到它们自己的空间中,并与第一个(最左边)容器分开。

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

坏消息是,每个人都要走自己的路线...如果我只有两个容器,我知道我可以漂浮:离开一个并漂浮:正确另一个,问题解决了......但是三个?

2 个答案:

答案 0 :(得分:0)

你可以简单float: left这三个人 如果您希望框之间存在差距,则只需要margin

答案 1 :(得分:0)

为什么不将它添加到所有div的css中:

display:inline-block;

注意:您可能需要删除浮点值才能使其生效!

编辑:

如果你的div在彼此之间留下无法解释的间隙,请尝试删除它们之间的空白区域,如下所示:

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