html - 使用边距将两个 div 放在同一行

Question

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

问题是我需要 divmes并vazio在同一行上保持元素quadroPrincipal和ul_mes.

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

我想建立这个例子：

Answer 1

不让.mes' 的宽度 100% 怎​​么样？此外，您需要指定所需的行为；应该.vazio部分显示？应该.mes让路，变得不那么宽吗？你真的需要百分比吗？容器是否是固定宽度，因此示例/小提琴中的宽度始终是某个已知值？（例如，如果容器宽度 = 1000 并且.foo为 75%，则始终为 750 像素（不包括边距等））。

Answer 2

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

然后 float:left .mes 和 .vazio 并为它们中的每一个赋予一个加起来小于 div 宽度的宽度。