css - 下拉菜单中 LI 的约束宽度子 UL

Question

我想以最简单的形式<ul>将 CSS 下拉菜单中标签的宽度限制为父标签的宽度<li>，<ul>并且不设置任何固定值。

我做了很多搜索和测试，但没有实现或理解它。确切地说，我想了解它是如何工作的。

可以使它发生的财产是什么？

我已经解决了最简单的 jsfiddle http://jsfiddle.net/zAXRK/2/我可以想出看看是否有人可以解释为什么如果可能的话，以及如何？

我试试这个例子，当你使用光标在第一项 = 出现子菜单时<li>，包含它的人会变大，推动其他元素。

我想要做的是在其父元素的宽度内制作子菜单，无论宽度如何，并且不修复它。（如果没有解决方案，我会用 JS 来做，但我更喜欢用 CSS 干净，我认为这是一个很好的练习）。

感谢任何愿意帮助我理解 CSS 规则的人。如果答案在外面的某个地方，或者我没找到，或者我没看懂，请见谅。

score 2 · Accepted Answer

您需要在 and 上设置一些属性，position以便您可以设置 a （它不是固定宽度，我希望这不是问题）：li.submenuwidth: 100%

以下是更改：

.menu > li {
    position: relative;
} 

.sub-menu {
    position: absolute;
    width: 100%;
}

和工作jsFiddle。

1 回答 1