在父div中居中两个div

Question

我正面临这个问题

#sub-title {
   width: 700px;
   margin: 0 auto;
   text-align:center;
}
#sub-left {
   float: left;
}
#sub-right {
   float: left;
}
.clear-both {
   clear: both;
}

<div id="sub-title">
   <div id="sub-left">
      sub-left
   </div>
   <div id="sub-right">
      sub-right
   </div>
   <div class="clear-both"></div>
</div>

小提琴：http://jsfiddle.net/bGF7E/

我如何居中左下和右下？请忽略带注释的名称。

Answer 1

你的问题中没有很多细节。

如果你没有指定浮动div的宽度，它们只会与它们的内容一样宽。

父div宽度为700像素，因此要将两个浮动div居中，您必须设置它们的宽度......

http://jsfiddle.net/bGF7E/6/

http://jsfiddle.net/bGF7E/6/show/

或者，如果您希望内容指定浮动div的宽度，则可以将右侧div向右浮动。

http://jsfiddle.net/bGF7E/11/

http://jsfiddle.net/bGF7E/11/show/

Answer 2

这就是你想要的吗？

http://jsfiddle.net/EbskM/

如果没有，你能为你想要的东西带来更多精确吗？