我无法在我的代码中正确定位此元素。有人可以帮我找出错误吗？

Question

所以我正在研究 CSS Mastery 书中的教程，以便练习和磨练我的 CSS 技能，其中一个示例是一个名为 Climb the Mountains 的网站

这是我的版本：http://shaan.debug.io/test/csstest

所以我注意到 ul id="navigation_pri"（以灰色背景的 Home 链接开头）没有根据 Climb the Mountains 示例中的代码正确对齐。

它的定位应该参考最近的定位父级，即 div id="branding"。所以我运行了一个测试来检查这个并设置 left:0 以查看它是否与该 div 左对齐。但事实并非如此。空间左侧似乎还有大约 50 像素。我浏览了我的代码，似乎无法弄清楚为什么会这样。有人能告诉我为什么它相对于 div id="branding" 没有正确定位吗？

Answer 1

由于您在导航中使用 ul 标记，它会自动缩进并因此创建额外的空间。如果要删除该空间，可以将以下 css 属性添加到该特定 ul：

list-style-type: none; padding-left: 0;

这将删除多余的间距并保持对齐。