html - マージンを使用して同じ行に2つのdivを配置します

Question

私はdivdiv.mesとdiv.vazio同じ行に配置しようとしています。QuadroPrincipal2つのdiv（および）からマージンを削除すると、ul_mes希望する結果が得られます。

問題は、要素とのマージンを維持しながら、 divmesと同じ行が必要なことです。vazioquadroPrincipalul_mes

見てください：http：//jsfiddle.net/4Zjx8/5/

この例を作成したい：

Answer 1

の幅を100％にしないのはどうですか？.mesまた、必要な動作を指定する必要があります。.vazio部分的に表示する必要がありますか？.mes道を譲り、幅を狭くする必要がありますか？あなたは実際にパーセンテージが必要ですか？コンテナは固定幅なので、example / fiddleの幅は常に既知の値になりますか？（たとえば、コンテナの幅= 1000.fooで75％の場合、常に750pxになります（マージンなどを除く））。

Answer 2

まず、div＃ListaEventosPorMesに幅を指定します。

次に、float：left .mesと.vazioを使用して、それぞれの幅をdivの幅よりも小さくします。