中心與固定元件

Question

我有3個問題，我的網站頁面（希望這不是欺騙：P）是我目前正在建設（使用Wordpress的方式...）

我試圖實現相當簡單的事情，但它證明有點棘手。在我的頁面上（www.ashleymosuro.com/newsite）我在左邊有一個固定的導航欄，它不與其他元素一起滾動。

但是，我最好想要的是整個頁面居中，或至少是所有內容的主包裝。我之前設法做到了這一點，但是無論何時調整頁面大小，包裝器都會向左移動，從而允許導航與其重疊。我希望導航保持與包裝器相同的距離，但無論頁面是否調整大小，都將其全部居中。

我的另一個問題是，我目前有一個水平滾動條出現在網站上，就好像頁面右側有更多內容。我認爲這是一個浮動問題？

我也想我的固定導航做點什麼一旦它達到了頁腳div。我知道這是可能的jQuery，但不完全確定如何實現它。我想我需要以某種方式添加一個類到導航只有當它與腳註衝突，但當用戶滾動備份它需要刪除這個類。

幫助將不勝感激！

感謝，

阿什利

Answer 1

你應該能夠給它50％左值和負半的左邊緣的像素值的像素尺寸的絕對位置居中任何DIV div的寬度。

所以，如果你有一個寬度爲955像素的div，爲了居中它，你會給它一個絕對位置，左邊的值爲50％，左邊的邊值爲-477.5，它應該保持居中。

至於水平滾動條，您應該將寬度和高度的主體的像素尺寸設置爲100％，這樣您的頁面將調整爲用戶分辨率。