使李宽不受其儿童的影响

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

我认为你需要的是

家长li {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
}