其中div1是整个容器，div2是需要从下往上展示的div。如果只是改变高度，div会从上到下慢慢显示，所以不能直接设置div2的高度来达到效果。这时候我们就需要一个mask来帮助div2达到想要的效果。csscode.div1{宽度：400px;高度：400px；背景：#ccc；位置：相对；}.div2{宽度：200px；高度：400px；背景：#0099CC；位置：绝对；左：0；底部：0；}.mask{宽度：200px；高度：400px；/*height是一个变量*/position:absolute;左：0；顶部：0；/*top是一个变量*/}这是动画之后的css，div已经在它应该在末尾的地方了。所以我这里从下往上显示div2的思路是：maskmask在增加高度的同时始终在div1的底部，同时div2的高度是固定的，因为它绝对定位到mask的底部面具。只要满足mask.height+mask.top=div1.height，从外观上看mask不会自下而上显示。最后添加动画effect.mask{animation:animate5seaseinfinite;溢出：隐藏；}@keyframes动画{来自{高度：0px；顶部：400px；}至{高度：400px；顶部：0px；}}以下为最终结果：