无法在我的 ul 中找出额外的 space - 简单 html

Question

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

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

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

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

Answer 1

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

你可以这样写：

.navigation-gl ul{
    padding:0
}

删除 space。

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

最好 reset/normalize 您的 css 以防止此类浏览器的默认样式。

Answer 2

将 ul 标签的 padding-left 设置为 0

.navigation-gl ul {
border: 1px dotted red;
float: left;
list-style-type: none;
padding-left: 0;
text-align: left;
}