我为导航菜单设置了我的.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/