Html 使LI的宽度为25%

我正试着去

像

第一个链接使用了一种更标准的方法，对于0级别（baseurl）在其自己的

UL

中的位置，该方法更易于编程，并且具有自己的

LI

。问题是所有子级别现在都位于主

LI

中，我需要将

LI

设置为

width:25%

，以便格式和背景看起来正确

我正在寻找任何人都能提供的想法，我可以用一些东西包装初级

LI

编辑：

让我向您澄清问题，我需要

LI

具有的样式/设计，但我无法调整

LI

的大小。如果我将基础

LI

缩小，则其中的每个

UL

和

LI

都将是25%，基本上是25%

---

也许有一个更好的方法来做它没有百分比宽度？或者有一种方法可以使元素看起来像

LI

应该的那样，但它实际上是一个

DIV

.sitemap{width:600px；}

或者给它一个你喜欢的范围

.sitemap{最小宽度：400px；最大宽度：600px；}

然后，25%的孩子（正如你所拥有的）应该符合你的目标示例

有一个“快速修复”可用

首先，删除以下内容：

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

然后，在

#testnav li

上，将

宽度设置为
25%

哦，天哪，这看起来不太好（正如你意识到的），是吗

幸运的是，有一个简单的方法来修复它。加：

#level--1 {
    width: 400%
}

这将抵消
li
上的设置
width:25%
，实际上将其设置回
100%
您是否查看了子选择器或相邻兄弟选择器？我错过什么了吗？只需设置.sitemap宽度就可以固定“home”顶级LI的宽度？您选择的答案也会做同样的事情（保留白色背景）。我试图在元素中使用没有“测试”的元素。我仍然感到困惑，即使我将
#level--1{width:400%}
反转，然后应用
.sitemap{width:600px；}
我也明白了这一点：我也是。我使用了Firebug，然后（因为你的评论）下载了你的页面（）-在这两种情况下都发生了变化。sitemap的宽度就是它所需要的全部：（顺便说一句：在它真正开始匹配你想要的效果之前，宽度最终达到了500px）。