中心DIV水平

Question

我的页面布局：

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

的位置被设置为像这样让页脚和头总是可见无论在什么点在滚动条的用户是。然而，侧边栏随页面一起滚动。

内容的div包含一个UI：插入，以便所有页面加载在那里。 现在在我想要内容在分配的空间中居中的页面之一。 为了这个目的，该页面的所有内容都放在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;}