css - CSS 2 div 布局浮动

Question

问起来有点尴尬，但至少在过去的 1 个小时里我一直在玩弄它，但无法正确理解它。

需要 2 div 布局。Div 1 向左浮动，固定宽度为 75px Div 2 向右浮动，固定宽度为 900px

现在的问题： div1-div2 和 div2-right 外边缘之间的边距需要相等。

Answer 1

尝试将“div 2”放入不浮动的容器中。然后删除“div 2”的浮动，而是使用display:inline-block. 添加text-align:center到“div 2”的新容器中。

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;
}​

演示