我在代码中正确定位此元素时遇到问题。有人可以帮我发现错误吗？
因此，我正在研究 CSS Mastery 书中的教程，以便练习和磨练我的 CSS 技能，其中一个示例是一个名为 爬山
这是我的版本：http://shaan.debug.io /test/csstest
所以我注意到 ul id="navigation_pri" （以灰色背景的主页链接开头）没有根据爬山示例中的代码正确对齐。
它的定位应参考最接近的父级，即 div id="branding"。所以我运行了一个测试来检查这一点并设置 left:0 来查看它是否与该 div 左对齐。但事实并非如此。左侧似乎还有大约 50 像素的空间。我查看了我的代码，似乎无法弄清楚为什么会发生这种情况。有人能告诉我为什么它相对于 div id="branding" 的位置不正确吗？
So I'm playing around with the tutorial from CSS Mastery book so that I can practice and hone my CSS skills and one of the examples is a site called Climb the Mountains
Here is my version: http://shaan.debug.io/test/csstest
So I noticed the ul id="navigation_pri" (begins with the Home link which has a grey background) was not aligning properly based on following the code from the Climb the Mountains example.
It should be positioned in reference to the closest positioned parent, which is div id="branding". So I ran a test to check this and set left:0 to see if it aligns left with that div. But it does not. There appears to be around 50px to the left of space still. I went through my code and can't seem to figure out why this is happening. Can someone enlighten me as to why its not being properly positioned relative to the div id="branding"?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
由于您使用 ul 标签进行导航，因此它会自动缩进，从而创建额外的空间。如果要删除该空格，可以将以下 css 属性添加到该特定 ul：
list-style-type: none;padding-left: 0;
这将删除多余的间距并保持对齐。
Since you are using a ul tag for your navigation it is automatically indenting and therefore creating that extra space. If you want to remove that space you can add the following css properties to that particular ul:
list-style-type: none;padding-left: 0;
That will remove the extra spacing and keep it aligned.