css - 溢出：隐藏在某个高度>悬停显示全部？

Question

我有一个：

.itembox {

类，其中显示了目录类型网站中的许多项目。overflow:hidden 我认为在某个高度上会很酷，并且有一个小1px solid #AAA底，然后当悬停在 > 它显示完整。使用我的全局类是否相当简单？

Answer 1

这几乎是微不足道的。添加 amax-height以及您的overflow:hidden，然后在:hover该类的版本上删除max-height（通过将其设置为非常高的数字）。

.itembox {
    max-height: 200px;
    overflow: hidden;
    border-bottom: 1px solid #aaa;
}
.itembox:hover {
    max-height: 9999px;
}