宽度=父宽度CSS3

我读过一些关于CSS3计算的文章，但我发现这一点特别困难。我正在构建一个带有下拉菜单的站点，我希望下拉菜单与父项的宽度相匹配，父项的宽度是可变的。我总是可以为每个下拉列表设置一个特殊的id或类，但这有点痛苦

HTML的结构如下所示：

<ul>
    <li>
        <a href="#">Parent Item</a>
        <ul class="sublist">
            <li><a href="#">Sub Item</a></li>
            <li><a href="#">Sub Item</a></li>
        </ul>
    </li>
    <li><a href="#">Normal Item</a></li>
    <li><a href="#">Normal Item</a></li>
    <li>
        <a href="#">Parent Item</a>
        <ul class="sublist">
            <li><a href="#">Sub Item</a></li>
            <li><a href="#">Sub Item</a></li>
        </ul>
    </li>
    <li><a href="#">Normal Item</a></li>
</ul>

---

有没有办法使用CSS3将其设置为width=parent width或其他什么？

将父项包装在一个div中，并将ul嵌套在该div中，宽度设置为100%（或更小，如果您希望填充），位置：relative

所以

根据您现有的样式，您可能需要使用子列表ul的position:relative来增强这一点。

---

Dave

将父项包装在一个div中，并将ul嵌套在该div中，宽度设置为100%（或更小，如果希望填充），位置：相对

所以

根据您现有的样式，您可能需要使用子列表ul的position:relative来增强这一点。

---

Dave

我认为你的要求中没有CSS3。我认为你的要求中没有CSS3。

<li>
    <div id='parent'><a href....></a>
        <ul class='sublist' style='width:100%;'>
            <li>...</li>
        </ul>
    </div>
</li>