溢出：隱藏在某個高度>懸停顯示全部？

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