中心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;}