解决方法
你可以通过CSS获得你以后的效果.而不是动画div的高度,动画max-height属性.将悬停的最大高度设置为您认为最大高度(超过体贴).原因是,如果将max-height设置为10000px,并且div的高度为1000px,并且将动画的持续时间设置为1秒,则它将在0.1秒后清除内容高度,并且将显示为asthough转换结束后,max-height值超过1000px将无效.所以,更准确的最大高度更适合于更一致的动画.
.container {
height: auto;
min-height: 100px;
max-height: 100px;
transition: 1s max-height;
overflow: hidden;
}
.container:hover {
max-height: 4000px;
}
