我为导航菜单设置了我的.nav类,但是当我使用它时似乎会引起问题,而当我删除.nav并只留下ul li时,它可以解决该问题,但这也存在边距问题。

问题在底部,我评论了/问题/
http://jsbin.com/fupewijame/1/

您必须删除.nav

.nav ul li{
    width: 100%;
}


并将其更改为

ul li{
    width: 100%;
}


这样可以解决它,但您会看到边距错误。我也必须使用.nav类,因为我不想将其设置为全局类。请帮助我看不到该错误

最佳答案

我不完全确定宽度为100%时的外观。如果您提供更多信息,我可以提供进一步的帮助。

但是,我注意到一些可能会使您的CSS困惑的事情。

1)由于将浮点数应用于列表项,因此高度显示为“ 0”。当您对项目应用浮动时,它们将从文档的正常流程中删除。

要解决,请尝试首先删除此内容:

.nav li {
    float: left;
}


2)大多数浏览器在ol和ul中添加默认的填充和/或边距

我建议您重置,然后尝试样式。

重启:

ul {
  margin: 0;
  padding: 0;
}


目标风格:

.nav {
  margin: /* your style here */;
  padding: /* your style here */;
}

关于html - 使用CSS类会导致问题,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/28688618/

10-12 12:20
查看更多