如何在CSS中对齐div？

我有一个用CSS制作的盒子，我希望它与中心对齐。不幸的是，我已经找遍了，找不到有效的答案。
HTML:

---

可能尝试将margin:auto放在内部div上

可能尝试将margin:auto放在内部div上

删除

位置：固定

， 有关详细信息，请参见此

删除

位置：固定

， 有关更多信息，请参见此

这里是一个示例

如果父元素（如本例中的#wrapper）具有

text align:center

，并且#content container inside具有

margin:0 auto，它将居中。您可以使用这个JSFIDLE来了解不同的规则将做什么，并将您所学到的应用到上面的代码中

在上面的代码中，
position:fixed
强制容器移动到某个位置。如我在示例中所示，需要将其拆下才能对中工作。
以下是一个示例

如果父元素（如本例中的#wrapper）具有
text align:center
，并且#content container inside具有
margin:0 auto，它将居中。您可以使用这个JSFIDLE来了解不同的规则将做什么，并将您所学到的应用到上面的代码中

在上面的代码中，
position:fixed
强制容器移动到某个位置。如我在示例中所示，需要将其移除，以便对中工作。
该块应已固定，以便使用。如果需要固定位置且宽度=90%，只需将其设置为左：5%；哦，我实际上在OP的CSS中监督了
width=90%
，对不起。块应该已经修复了才能使用它。如果需要固定位置且width=90%，只需设置为left:5%；哦，我实际上在OP的CSS中监督了
width=90%
，对不起，那不行。它只是使我的酒吧不被卡住在底部（我将它移动到顶部后）。这是行不通的。它只是使我的酒吧不被卡住在底部（我移动到顶部后）。
<div id="top_bar">
        <div class="inner">

        </div>
</div>

#top_bar {
vertical-align:text-top;
width: 90%;
/*padding: 10px;*/
border: 3px solid gray;
/*margin: auto;
margin-left: auto;
margin-right: auto;*/
position: fixed;
bottom: 0px;
}

#top_bar .inner {
  padding:10px;
}

body { margin-left:0px; }

#top_bar{
  margin:0 auto;
  /* Others .... */
}