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

时间:2015-02-13 07:49:30

标签: html css navigation html-lists navigationbar

我试图真正理解我的ul左侧额外的40像素填充来自何处。我想理解这一点,而不是懈怠。对不起,如果我忽视了一些简单的事情,谢谢你。

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

即使你添加了它,它仍然会在最左边的li上显示填充。

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

2 个答案:

答案 0 :(得分:2)

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

你可以写:

.navigation-gl ul{
    padding:0
}

删除空格。

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

最好重置/标准化你的css,以防止这种浏览器的默认样式。

答案 1 :(得分:0)

将ul标签的填充左侧设置为0

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