使用保证金将两个div放在同一行

Question

我正在尝试将div div.mes和div.vazio放在同一行。如果我从两个div（QuadroPrincipal和ul_mes）中删除边距，我会得到我想要的结果。

问题是我需要在同一行上保留div mes和vazio，以保留元素quadroPrincipal和ul_mes的边距。

看看：http://jsfiddle.net/4Zjx8/5/

我想构建这个例子：

Answer 1

不如何使.mes的宽度达到100％？此外，您需要指定所需的行为; .vazio应该部分显示吗？ .mes应该让位并变得不那么广泛吗？你真的需要百分比吗？容器是否是固定宽度，因此示例/小提琴中的宽度总是一些已知值？ （例如，如果容器宽度= 1000且.foo为75％，则总是750px（不包括边距等）。）

Answer 2

首先，给div＃ListaEventosPorMes一个宽度。

然后浮动：左.mes和.vazio并给每个宽度加起来小于div的宽度。