我有两个这样的div
<div style="border:1px solid #000; float:left">Div 1</div> <div style="border:1px solid red; float:left">Div 2</div>
我希望他们显示在同一行，所以我用float：left。
我希望他们都在页面的中心，所以我试图用这样的另一个div包装它们
<div style="width:100%; margin:0px auto;"> <div style="border:1px solid #000; float:left">Div 1</div> <div style="border:1px solid red; float:left">Div 2</div> </div>
但它不工作。如果我将代码更改为此
<div style="width:100%; margin-left:50%; margin-right:50%"> <div style="border:1px solid #000; float:left">Div 1</div> <div style="border:1px solid red; float:left">Div 2</div> </div>
那么它会到中心，但水平滚动条就在那里，它似乎并没有真正集中在一起。
你能请我建议我怎么才能实现这一点？谢谢。
编辑：我想要内部div(Div 1和Div 2)也是中心对齐。
解决方法
你可以这样做
<div style="text-align:center;">
<div style="border:1px solid #000; display:inline-block;">Div 1</div>
<div style="border:1px solid red; display:inline-block;">Div 2</div>
</div>
http://jsfiddle.net/jasongennaro/MZrym/
>将其包装在带有text-align：center的div中
给innder divs一个显示：inline-block;而不是浮动
最好也把这个CSS放在样式表中。
