css - 如何让我的列表项中的 div 使列表项增长

标签 css

这个很难解释,但就是这样:

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

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

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

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

要求:

只能更改添加的 div 的 CSS。

没有 JavaScript 解决方案。

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

这可能吗?

提前感谢您的所有帮助!

最佳答案

尝试设置 height:auto;在你的<li>的CSS中元素,然后玩 z-index使它出现在其他元素之上。您还可以设置 min-height:22px;如果你想保持最小高度,或者只是将一个元素放入适当大小的元素中以强制它。

关于css - 如何让我的列表项中的 div 使列表项增长,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5824176/

相关文章:

javascript - 使用 javascript(或 jQuery)选择和操作 CSS 伪元素,例如::before 和::after

html - 为什么元素移动位置 : relative still contribute to parent dimensions as if it hadn't been moved?

html - 针对特定的 li 元素

javascript - mouseenter/leave & mouseover/out 问题

jquery - 像 jQuery 一样的 Flash 网站介绍?

html - 悬停时显示菜单文本

css - 在 Components 中切换 CSS 框架

html - 如何使用 CSS 制作一个圆圈并将文本放在中间

html - CSS 布局 : make fluid left column and fixed right column equal in height

css - Bootstrap 网格在元素内部不起作用