CSS 2 Div布局浮动

时间:2012-09-25 02:30:00

标签: css layout html css-float

有点尴尬的问题,但我至少在过去1小时内一直在玩弄它并且无法正确使用它。

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

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

2 个答案:

答案 0 :(得分:2)

尝试将" div 2"在一个没有浮动的容器中。然后删除" div 2"''''''将display:inline-block添加到" div 2"。

的新容器中

答案 1 :(得分:1)

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

DEMO