Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html div内的无限水平滚动不工作?CSS_Html_Css - Fatal编程技术网

Html div内的无限水平滚动不工作?CSS

Html div内的无限水平滚动不工作?CSS,html,css,Html,Css,我对HTML/CSS相当陌生,目前我对在代码中的div中创建无限滚动文本感兴趣,但由于某种原因,无论我做什么,它都不会工作?在对堆栈溢出进行了数小时的搜索之后,我不确定如何处理这个问题 下面是我的代码中挣扎的部分: #车内右侧{ 显示:内联块; 边框:纯橙2件; 左缘:110%; 垂直对齐:顶部; 宽度:1300px; 高度:600px; 字体系列:“IBM Plex Mono”,monospace; 字体大小:30px; 溢出:隐藏; 位置:相对位置; 背景:蓝色; 颜色:白色; } .内部

我对HTML/CSS相当陌生,目前我对在代码中的div中创建无限滚动文本感兴趣,但由于某种原因,无论我做什么,它都不会工作?在对堆栈溢出进行了数小时的搜索之后,我不确定如何处理这个问题

下面是我的代码中挣扎的部分:

#车内右侧{
显示:内联块;
边框:纯橙2件;
左缘:110%;
垂直对齐:顶部;
宽度:1300px;
高度:600px;
字体系列:“IBM Plex Mono”,monospace;
字体大小:30px;
溢出:隐藏;
位置:相对位置;
背景:蓝色;
颜色:白色;
}
.内部右p{
位置:绝对位置;
宽度:自动;
身高:100%;
字体大小:150px;
线高:170px;
保证金:0;
文本对齐:居中;
空白:nowrap;
-moz变换:translateX(100%);
-webkit转换:translateX(100%);
转化:translateX(100%);
-moz动画:向左滚动15秒线性无限;
-webkit动画:向左滚动15秒线性无限;
动画:向左滚动15秒线性无限;
}
@-moz关键帧向左滚动{
0% {
-moz变换:translateX(100%);
}
100% {
-moz变换:translateX(-100%);
}
}
@-webkit关键帧向左滚动{
0% {
-webkit转换:translateX(100%);
}
100% {
-webkit转换:translateX(-100%);
}
}
@关键帧向左滚动{
0% {
-moz变换:translateX(100%);
-webkit转换:translateX(100%);
转化:translateX(100%);
}
100% {
-moz变换:translateX(-100%);
-webkit转换:translateX(-100%);
转化:translateX(-100%);
}
}

只工作,不玩耍

试试这个。。。如果给出
height:auto,div的高度将根据内容增加。如果要设置最小高度,请给出like
minheight:1000px

#interior-right {
  height: auto;
  min-height: 1000px;
}

在div中有很多p的样式,但是缺少p本身。此外,字幕并不是通常所说的“无限滚动”。