我试图真正理解我的ul左侧额外的40像素填充来自何处。我想理解这一点,而不是懈怠。对不起,如果我忽视了一些简单的事情,谢谢你。
https://jsfiddle.net/inthenameofmusik/2bayjo20/
即使你添加了它,它仍然会在最左边的li上显示填充。
.navigation-gl ul li {
float: left;
}
答案 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;
}