html中div展开,html – 如何在悬停时展开div及其内容？

我正在尝试创建一个在悬停时扩展的div,但无法弄清楚如何使用div扩展内容.我尝试了一些溢出选项,但它们没有用.

.grow {

padding: 5px 5px 5px 5px;

border-radius:10px;

height: 50px;

width: 22%;

margin: 5px 1% 5px 1%;

float: left;

position: relative;

transition:height 0.5s;

-webkit-transition:height 0.5s;

text-align: center;

}

.grow:hover {

height: 115px; /* This is the height on hover */

}

Title

Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature