html - 无法找出我的 ul 中的额外空间 - 简单的 html

Question

我正在尝试真正了解我的 ul 左侧​​额外的 40 像素填充是从哪里来的。我想理解这一点而不是无精打采。抱歉，如果我忽略了一些简单的事情，谢谢。

https://jsfiddle.net/inthenameofmusik/2bayjo20/

即使你添加了这个，它仍然会在最左边的 li 上显示 padding。

.navigation-gl ul li {
    float: left;
}

Answer 1

这是浏览器附加的默认样式。

你可以这样写:

.navigation-gl ul{
    padding:0
}

删除空格。

请注意，默认样式取决于浏览器。

最好重置/规范化您的 css 以防止此类浏览器的默认样式。