css - オーバーフロー: 特定の高さで非表示 > ホバーするとすべて表示されますか?

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