使div水平居中

Question

我的页面布局：

div for header : position: fixed
div for sidebar: float: left              div for content: float:left
div for footer : position: fixed

将位置设置为这样，以便无论用户所在的滚动条中的哪个点，页脚和页眉始终可见。然而，侧边栏会随页面滚动。

内容的div包含一个ui：insert，所以所有页面都加载到那里。 现在在其中一个页面中，我希望内容在分配的空间内居中。 为此目的，该页面的所有内容都放在div中。 无论窗口拉伸到什么尺寸，我必须使用什么样式才能使内容始终水平居中。我可以为div的宽度指定一个固定值。

我无法将位置设置为绝对或固定，因为它会破坏整体设计。

Answer 1

对于固定宽度：

div.center {
    width: 300px;
    margin: 0 auto;
}

对于动态宽度：

div.center {
    width: 50%;
    margin: 0 25%;
}

JSFiddle无法正常工作，但我会尽快得到一个。

Answer 2

如果我理解正确，如果指定div的宽度

，则应该执行以下操作

div {margin: 0 auto;}