溢出：隐藏在一定高度＆gt;在悬停显示所有？

Question

我有一个：

.itembox {

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

Answer 1

这非常微不足道。添加max-height以及overflow:hidden，然后在该课程的:hover版本中删除max-height（将其设置为非常高的数字）。

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