css - 我无法在我的代码中正确定位此元素。有人可以帮我发现错误吗?

标签 css layout positioning css-position

所以我正在研究 CSS Mastery 书中的教程,这样我就可以练习和磨练我的 CSS 技能,其中一个例子是一个名为 Climb the Mountains 的网站。

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

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

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

最佳答案

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

列表样式类型:无; padding-left: 0;

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

关于css - 我无法在我的代码中正确定位此元素。有人可以帮我发现错误吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7016681/

相关文章:

javascript - div在javascript中的随机位置

javascript - 动态应用 CSS 过滤器

jquery - 在某个点为滚动上的 2 个元素设置动画 [速度问题]

c# - 如何使我的页面在文档查看器中居中?

c++ - 列表框动态改变宽度

html - CSS Positions 和 floats 一切都在叠加

javascript - 从 iframe 页面事件更改父级的 css

javascript - 滚动到顶部按钮不会淡出

magento - 如何删除产品页面 magento 上的附加选项卡

第一次绘制时 pageViewController 中的 ios subview 定位不正确