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

Question

我有一个：

.itembox { 

类，其中显示在目录类型的网站的许多项目。我认为这将是一个很酷的overflow:hidden在一定的高度，并有一个小的1px solid #AAA下，然后当悬停在>它显示完整。这是相当简单的使用我的全球课吗？

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; 
}