css - 使 Li 宽度不受其 ul 孩子的影响

Question

这个造型位证明了我的耐心。html结构是

<li><a>HeaderLink</a>
<ul><li>content</li><li>content</li></ul>
</li>

我试图模仿这个导航：http ://www.kriesi.at/themes/enfold/pages/#top 但看不到他们做了什么，所以更高的 li 宽度不会受到其 ul 孩子的宽度的影响。

请帮忙！！！谢谢！

Answer 1

我想你需要的是

李家长{position:relative}

li ul{white-space:nowrap;position:absolute;top:100%;left:...}

尝试这个。下次，提供您的代码！

Answer 2

他们正在设置子 UL 的宽度。

如果您希望通过使用百分比来使其具有响应性，那么您将遇到困难，但是像这样设置您的代码应该可以解决您的问题：

li {
    float:left;
    position:relative;
    // more styles here
}
li ul {
    position:absolute;
    width: #px;
    // more styles here
}