css - CSS2Divレイアウトフロート

Question

ちょっと恥ずかしいですが、少なくとも過去1時間はそれをいじっていて、正しく取得できません。

2divレイアウトが必要です。Div1は75pxの固定幅で左に浮きましたDiv2は900pxの固定幅で右に浮きました

ここで問題があります。div1-div2とdiv2-rightの外縁の間のマージンは等しくなければなりません。

Answer 1

フロートしていないコンテナに「div2」を入れてみてください。次に、「div 2」のフロートを削除し、代わりにを使用しますdisplay:inline-block。text-align:center「div2」の新しいコンテナに追加します。

Answer 2

HTML：

<div class="div1"></div>
<div class="container">
 <div class="div2"></div>
</div>  

CSS：

.div1{
 float:left;
 width:75px;
 height:100px;
 background-color:red;
}
.container{
 padding-left:75px;
}
.div2{
 margin:auto;
 width:500px;
 background-color:blue;
 height:100px;
}​

デモ