對CSS絕對定位，浮動，居中困惑

Question

我讀過一些CSS或者CSS上的文章和教程，所有這些都涵蓋了絕對位置，浮動等。我認爲我理解得很好，通常可以同時使用並實現所需設計。但是在這裏和那裏，我遇到了一種情況，我不明白一個元素是絕對定位還是浮動，並且不能使其按照我需要的方式行事。因此，我對理解這些CSS規則的工作原理缺少一些東西。

這裏是一個具體的例子。我正在重新審視一個非營利組織的WP主題。在他們的設計中，他們希望導航爲中心。似乎沒有什麼應該更容易。但到目前爲止，我完全無法實現這一目標。

鏈接到該網站是在這裏：http://justaddsolutions.com/d_build/

Answer 1

有許多的方式來實現這一目標。

首先一個

1. 裹中全寬包裝導航。
2. 設置文本對齊：中心;爲包裝。
3. 設置顯示：inline-block;或內聯，用於導航欄。
4. 完成！

第二個

如果你知道導航欄的準確寬度，你可以試試這個解決方案：

1. 設置的位置是：絕對的;爲導航。
2. 左一：50％;爲導航。
3. 將裕度左設置爲導航的負寬度除以2.
4. 完成！

我相信還有更多的方法可以實現這個目標，但是這兩個方法對我很好！ 你不應該使用浮動來進行中心對齊，只能用於左右。