html - 使用切换侧边栏将内容对齐到中心

Question

我最近使用了在 stackoverflow 上找到的用于切换侧边栏的代码。然而，最大的问题之一是在切换侧边栏时将内容对齐到中心。打开或关闭#B div 时，我无法将我的任何内容安排到中间。这是我的 JSFiddle:

http://jsfiddle.net/hThGb/4054/

现在，我所做的事情很奇怪。对于#B，我赋予了它以下属性

width: 100%;
margin: 0 auto;

很简单吧？但它并没有像 ti 那样将“.center”div 居中。相反，它所做的是使其到达页面滚动的位置(向右)。这里的问题是页面被告知为 100% + 200px 宽。现在，如果我使用 calc(100%-200px) 它会起作用，但它不会使 div 居中。这里发生了什么？

我不确定我的做法是否正确，但我觉得这不应该这么困难。

Answer 1

添加以下..

CSS:

.center {
    text-align:center;
    width: 100%;
}

#B{
   text-align:center;
}

更新 JSFiddle Link