如果<li> s没有它们在<ul>或<ol>之下,你能拥有吗？

Question

我有一个导航,我正在使用列表.我有它<ul>,但这是弄乱我的用户界面,因为它有奇怪的自动边距.我试过没有<ul>,他们似乎工作.这适用于所有浏览器吗？这合法吗？以前有人这样做过吗？

Answer 1

这是不合法的HTML使用<li>外部ol,ul或menu元素.为ul元素分配一个类要好得多:

<ul class="nav">

然后使用CSS删除边距和填充:

.nav {
    margin: 0;
    padding: 0;
}

Answer 2

它可能在浏览器中工作,因为浏览器太宽容了,但是无效的说验证器:

文档类型不允许元素"li"在这里; 缺少"ul","ol","menu","dir"start-tag中的一个

好吧,你可以删除CSS中的自定义边距.这是你唯一的解决方案.通常,您可以通过以下方式将文档中的所有 <ul>标记删除:

ul {
    margin: 0;
    padding: 0;
}

如果您想知道是什么padding,请在此处查看.