Question

我想要

看起来像

第一个链接使用更标准的方法，更容易编程，其中0级（baseurl）在其自己的UL中，并且具有自己的LI。问题是所有子级别现在都位于主要LI中，我需要将LI设为width: 25%，格式和背景才能正确显示。

我正在寻找任何人都可以提供的任何想法，我可以用主题LI包装。

编辑：

让我向您澄清问题，我需要LI具有的样式/设计，但我无法调整LI的大小。如果我将基础LI设置得更小，则其中的UL和LI内的每个LI和DIV将占25％，基本上是25％的25％。

也许有更好的方法可以在没有百分比宽度的情况下做到这一点？或者有一种方法可以让元素看起来与{{1}}完全一样，但它确实是{{1}}

Answer 1

可以使用“快速修复”。

首先，删除它：

#testnav ul {
    width: 100% !important;
}

然后，在#testnav li上，将width设置为25%。

哦，亲爱的，这看起来不太好（正如你所知），是吗？

幸运的是，有一种简单的方法可以解决它。添加：

#level--1 {
    width: 400%
}

这会抵消width: 25%上的li设置，实际上会将其设置回100%。

Answer 2

.sitemap { width:600px; }

或给它一个你觉得舒服的范围

.sitemap { min-width:400px; max-width:600px; }

那么25％的孩子（就像你拥有的那样）应该与你的目标例子相符。

Answer 3

用＆lt; DIV＆gt;包裹它或者＆lt; SPAN＆gt;标签