如何在内部DIV的中心对齐内部DIV

Question

我有一个像这样的底部工具栏:

<div style="float:left;width:100%;position:fixed;z-index:210;bottom:5px;">

    <div style="float:left;width:928px;border:1px solid #000;background:url('/images/noise-bg.jpg') repeat-x;height:26px;padding:5px;">
         Toolbar Content
     <div>

</div>

但是此工具栏在页面左侧对齐.我希望这个DIV位于页面的中心.表示工具栏两侧(左侧和右侧)的相同空间区域.我无法修复工具栏的宽度,它始终是100%.我尝试设置固定,margin-left但它在不同的浏览器/分辨率和iPad上是不同的.任何的想法 ？

谢谢

Answer 1

您的div有width:100%和float:left,所以这将是你的页面的大小相同,你将不能中心.

正确设置宽度,移除浮动并margin: 0 auto在div上应用规则使其居中.

我做了一个jsbin来表明工作:

http://jsbin.com/obepad/2/edit

Answer 2

请参阅我在jsfiddle上的工作演示

关键是你应该删除float:left; 从第二个div添加保证金:0 auto;.如果你不能这样做,请告诉我