HTML/CSS：未知“；方框“；显示在导航栏旁边

所有列表项功能正常[光标位于主页上方，因此颜色发生变化]，尽管左侧有一个额外的“框”，或您希望称之为的任何东西

我不明白为什么这会出现在我的导航栏的左侧，我想删除它，但不知道如何删除

.nav{
背景#2c3e50；
-webkit栏目：7个；
-moz列：7列；
栏目：7个；
-webkit列间距：0；
-moz列间距：0；
列间距：0；
-webkit列规则：1px实心#1a242f；
-moz列规则：1px实心#1a242f；
列规则：1px实心#1a242f；
列表样式类型：无
}
.导航a{
文字装饰：无；
颜色：白色；
显示：块；
填充：1em；
文本对齐：居中；
边框底部：1px实心#1a242f；
}
.导航a:悬停{
背景：#1a242f；
}
html，
身体{
字体系列：“乔治亚”，衬线；
字体大小：400；
线高：1.45；
颜色：#333；
背景#ecf0f1；
边际：0px；
}

默认情况下，无序列表的左侧有填充，以防止文本与项目符号重叠。添加

填充：0到您的导航CSS


.nav{
背景#2c3e50；
-webkit栏目：7个；
-moz列：7列；
栏目：7个；
-webkit列间距：0；
-moz列间距：0；
列间距：0；
-webkit列规则：1px实心#1a242f；
-moz列规则：1px实心#1a242f；
列规则：1px实心#1a242f；
列表样式类型：无；
填充：0；
}
.导航a{
文字装饰：无；
颜色：白色；
显示：块；
填充：1em；
文本对齐：居中；
边框底部：1px实心#1a242f；
}
.导航a:悬停{
背景：#1a242f；
}
html，
身体{
字体系列：“乔治亚”，衬线；
字体大小：400；
线高：1.45；
颜色：#333；
背景#ecf0f1；
边际：0px；
}















您的
元素具有默认填充。通过向.nav类添加
填充：0
来删除它


.nav{
背景#2c3e50；
-webkit栏目：7个；
-moz列：7列；
栏目：7个；
-webkit列间距：0；
-moz列间距：0；
列间距：0；
-webkit列规则：1px实心#1a242f；
-moz列规则：1px实心#1a242f；
列规则：1px实心#1a242f；
列表样式类型：无；
填充：0；
}
.导航a{
文字装饰：无；
颜色：白色；
显示：块；
填充：1em；
文本对齐：居中；
边框底部：1px实心#1a242f；
}
.导航a:悬停{
背景：#1a242f；
}
html，
身体{
字体系列：“乔治亚”，衬线；
字体大小：400；
线高：1.45；
颜色：#333；
背景#ecf0f1；
边际：0px；
}















默认情况下，
ul
元素具有
左侧填充

.nav {
    padding-left: 0;
}

这将解决问题。
我想这比我强：0；不过好多了。我真的很感谢你的帮助！顺便问一下，与其写一篇新文章，不如问一下，为什么浏览器和导航栏顶部之间会出现间隙？我假设margin:0可以解决这个问题，尽管它只消除了导航栏一侧的间隙@Aontaigh，有答案了。@Brian Ray我已经设置了边距：0px，我还添加了填充：0px[都添加到正文中]，但没有成功。请尝试将
边距：0
添加到您的.nav中。无序列表默认具有
页边距顶部
和
页边距底部
。