如何让list-item中的div使list-item增长

时间:2011-04-28 19:54:00

标签: css

很难解释这一点,但在这里:

我正在使用jQuery在div的内容中添加list-item

我希望实现的是list-item增长到刚刚添加的div的高度。

请查看以下网站:http://pieterhordijk.com

当您将鼠标悬停在顶层菜单上时,div会添加到菜单项。

要求:

只能添加div的CSS。

没有JavaScript解决方案。

[编辑] div必须保留position: relative;

这可能吗?

提前感谢您的所有帮助!

2 个答案:

答案 0 :(得分:2)

尝试在height:auto;元素的CSS中设置<li>,然后使用z-index进行播放,使其显示在其他元素的顶部。如果你想保持最小高度,你也可以设置min-height:22px;,或者只是将一个元素放入适当大小的内部以强制它。

答案 1 :(得分:1)

你是浮动LI并给它一个固定的高度,所以,不...你不能这样做,除非你愿意触摸LI的CSS。