css中的滚动不停 |css 父div高度为0

滚动不停的实现主要依靠CSS的属性：animation 和 keyframes。

代码如下：
.scroll {
animation: scroll 5s linear infinite; /*滚动时间为5秒，匀速，无限循环*/
white-space: nowrap; /*防止文字换行*/
overflow: hidden; /*将超出部分隐藏*/
}
@keyframes scroll {
0% {
transform: translateX(0); /*开始位置*/
}
100% {
transform: translateX(-100%); /*结束位置*/
}
}

使用上述代码，先给需要实现无限滚动的元素添加一个class名为.scroll。接着，定义了一个名为scroll的动画，此动画会使元素从0%的位置移动到-100%的位置，即从左至右不停滚动。将animation属性添加到元素中，在5秒内匀速无限循环执行scroll动画。

特别说明的是，在滚动不停的元素中，为了防止文字换行，请设置white-space: nowrap;属性。同时，为了不显示超出元素的内容，请将overflow属性设置为hidden。

总的来说，CSS的滚动不停是一种简单、实用的效果，通过keyframes动画技术，可以达到很好的视觉效果。在实际使用过程中，只要灵活应用CSS属性，滚动不停的效果可以做出更多的意想不到的效果。