我想将 3 个部分对齐在一行中:一个在左侧,一个在中心,一个在右侧。我怎样才能做到这一点?
<div id="container">
<div class="div1"></div>
<div class="div2"></div>
<div class="div3"></div>
</div>
CSS:
#container{
border:1px solid #ff0000;
width: 100%;
display: inline-block;
height:auto;
}
.div1{background: lime;border: 1px solid #ccc;width:100px;height: 100px; float: left}
.div2{background: yellow;border: 1px solid #ccc;width:100px;height: 100px; float:left}
.div3{background: orange;border: 1px solid #ccc;width:100px;height: 100px; float: right}
小提琴:http: //jsfiddle.net/ux4DD/164/