对CSS绝对定位，浮动，居中感到困惑

Question

我已经阅读了一些关于CSS的文章和教程，其中包括绝对位置，浮动等等。我认为我理解得很好，通常可以使用它们并实现所需的设计。但是在这里和那里我遇到了一种情况，我不明白一个绝对定位或浮动的元素发生了什么，并且不能使它按照我需要的方式运行。因此，我对这些CSS规则的工作方式缺乏了解。

这是一个具体的例子。我正在为非营利组织重新制作一个WP主题。在他们的设计中，他们希望导航居中。似乎没什么应该更容易。但到目前为止，我完全没能实现这一目标。

该网站的链接位于：http://justaddsolutions.com/d_build/

Answer 1

有很多方法可以实现这一目标。

第一个

1. 将导航包装在全宽包装中。
2. 设置text-align：center;对于包装器。
3. 设置显示：内联块;或内联，用于导航栏。
4. 完成！

第二个

如果您知道导航栏的确切宽度，可以尝试以下解决方案：

1. 设定位置：绝对;用于导航。
2. 左设置：50％;用于导航。
3. 将margin-left设置为导航的负宽度除以2。
4. 完成！

我相信有更多方法可以实现这一目标，但这两个对我来说非常有用！ 你不应该使用浮动来进行中心对齐，只能用于左右。