Html 使用CSS在每个滚动div上放置固定行

我有一些div包含Logo+标签+箭头。我将使用json检索，因此我不知道确切的数字。我想做的是水平对齐logo+标签+箭头，如果标签溢出，则添加一个滚动条-x。箭头必须始终可见，并且位于div的底部。我做错了什么

身体{ 字体系列：开放式Sans、Helvetica、Sans衬线； 颜色：89867e； 背景：f9f9f9； } .包装纸{ 利润率：20px； 填料：2米； 列表样式：无； 字号：1.5em； 字体大小：300； 最大高度：388px； 空白：nowrap； 溢出y：隐藏； 溢出-x：滚动； -webkit溢出滚动：触摸； 背景色：ccc； 边缘底部：25px； } .内部{ 显示：内联； 高度：164px； 填充：.4em 1em； 边框：2个实心RGBA255255,0.1； -webkit边框：2个实心RGBA255255,0.1； -moz边框：2px实心RGBA255255,0.1； -o型边框：2px实心RGBA255255,0.1； 颜色：RGBA249249.9； 文字装饰：无； 字号：1.5em； 字体大小：300； 右边距：18px； } .wrapper a:nth-child6n+1{背景：e87352；} .wrapper a:nth-child6n+2{背景：ebc85e；} .wrapper a:nth-child6n+3{背景：3bbec0；} .wrapper a:nth-child6n+4{背景：4ad585；} .wrapper a:nth-child6n+5{背景：rgb27,54,71；} .wrapper a:nth-child6n+6{背景：rgb21,40,54；} .wrapper:nth-child6n+1{背景：rgb208101,3；} .wrapper:nth-child6n+2{背景：rgb23314726；} .wrapper:nth-child6n+3{背景：rgb22145190；} .wrapper:nth-child6n+4{背景：rgb22107162；} .wrapper:nth-child6n+5{背景：rgb27,54,71；} .wrapper:nth-child6n+6{背景：rgb21,40,54；} 特拉斯彭特先生{ 背景：透明！重要； 填充：0； 边界：无； } .标志{ 最大宽度：318px； 垂直对齐：中间对齐； 右边距：18px； } /*箭*/ .箭头包装{ 位置：绝对位置； z指数：1； 左：50%； 填充：15px 15px！重要； 底部：30px； 左边缘：-5em； 背景：111！重要； 宽度：75px； 高度：75px； 填充物：4em2em； 边界半径：50%； -webkit边界半径：50%； -moz边界半径：50%； -o-边界半径：50%； 字体大小：.6em； 显示：块； 盒影：0px 0px 5px 0px 333； -网络工具包盒阴影：0px 0px 5px 0px 333； -moz盒阴影：0px 0px 5px 0px 333； -o形盒阴影：0px 0px 5px 0px 333； 变换：旋转-90度； -webkit变换：旋转-90度； -moz变换：旋转-90度； -o变换：旋转-90度； } .阿罗{ 浮动：左； 位置：相对位置； 宽度：0px； 高度：0px； 左-6px； 顶部：25px； 边框样式：实心； -webkit边框样式：实心； -moz边框样式：实心； -o型边框样式：实心； 边框宽度：3em 3em 0 3em； -webkit边框宽度：3em 3em 0 3em； -moz边框宽度：3em 3em 0 3em； -o-边界宽度：3em 3em 0 3em； 边框颜色：ffffff透明； -webkit边框颜色：ffffff透明； -moz边框颜色：ffffff透明； -o-边框颜色：ffffff透明； -webkit变换：旋转360度； } .阿罗：之后{ 内容：； 位置：绝对位置； 左：-43px； 顶部：-46.8px； 宽度：0px； 高度：0px； 边框样式：实心； -webkit边框样式：实心； -moz边框样式：实心； -o型边框样式：实心； 边框宽度：3em 3em 0 3em； -webkit边框宽度：3em 3em 0 3em； -moz边框宽度：3em 3em 0 3em； -o-边界宽度：3em 3em 0 3em； 边框颜色：111透明； -webkit边框颜色：111透明； -moz边框颜色：111透明； -o-边框颜色：111透明； -webkit变换：旋转360度； } @-webkit关键帧箭头{ 0%{top:0；} 10%{前12%；} 20%{顶部：0；} 30%{前12%；} 40%{top:-12%；} 50%{前12%；} 60%{顶部：0；} 70%{前12%；} 80%{top:-12%；} 90%{前12%；} 100%{top:0；} } .箭头包装.箭头{ 动画：箭头2.8s0.4s； 动画延迟：3s； -webkit动画：箭头2.8s0.4s； -webkit动画延迟：3s； } .w{位置：相对；}

---

从包装器类中取出一个箭头HTML。因此，它将附加到父列表，而不是列表本身

身体{ 字体系列：开放式Sans、Helvetica、Sans衬线； 颜色：89867e； 背景：f9f9f9； } .包装纸{ 利润率：20px； 填料：2米； 列表样式：无； 字号：1.5em； 字体大小：300； 最大高度：388px； 空白：nowrap； 溢出y：隐藏； 溢出-x：滚动； -webkit溢出滚动：触摸； 背景色：ccc； 边缘底部：25px； } .内部{ 显示：内联； 高度：164px； 填充：.4em 1em； 边框：2个实心RGBA255255,0.1； -webkit边框：2个实心RGBA255255,0.1； -moz边框：2px实心RGBA255255,0.1； -o型边框：2px实心RGBA255255,0.1； 颜色：RGBA249249.9； 文字装饰：无； 字号：1.5em； 字体大小：300； 右边距：18px； } .wrapper a:nth-child6n+1{背景：e87352；} .wrapper a:nth-child6n+2{背景：ebc85e；} .wrapper a:nth-child6n+3{背景：3bbec0；} .wrapper a:nth-child6n+4{背景：4ad585；} .wrapper a:nth-child6n+5{背景：rgb27,54,71；} .wrapper a:nth-child6n+6{背景：rgb21,40,54；} .wrapper:nth-child6n+1{背景：rgb208101,3；} .wrapper:nth-child6n+2{背景：rgb23314726；} .wrapper:nth-child6n+3{背景：rgb22145190；} .wrapper:nth-child6n+4{背景：rgb22107162；} .wrapper:nth-child6n+5{背景：rgb27,54,71；} .wrapper:nth-child6n+6{背景：rgb21,40,54；} 特拉斯彭特先生{ 背景：透明！重要； 填充：0； 边界：无； } .标志{ 最大宽度：318px； 垂直对齐：中间对齐； 右边距：18px； } /*箭*/ .箭头包装{ 位置：绝对位置； z指数：1； 左：50%； 填充：15px 15px！重要； 底部：30px； 左边缘：-5em； 背景：111！重要； 宽度：75px； 高度：75px； 填充物：4em2em； 边界半径：50%； -webkit边界半径：50%； -moz边界半径：50%； -o-边界半径：50%； 字体大小：.6em； 显示：块； 盒影：0px 0px 5px 0px 333； -网络工具包盒阴影：0px 0px 5px 0px 333； -moz盒阴影：0px 0px 5px 0px 333； -o形盒阴影：0px 0px 5px 0px 333； 变换：旋转-90度； -webkit变换：旋转-90度； -moz变换：旋转-90度； -o变换：旋转-90度； } .阿罗{ 浮动：左； 位置：相对位置； 宽度：0px； 高度：0px； 左-6px； 顶部：25px； 边框样式：实心； -webkit边框样式：实心； -moz边框样式：实心； -o型边框样式：实心； 边框宽度：3em 3em 0 3em； -webkit边框宽度：3em 3em 0 3em； -moz边框宽度：3em 3em 0 3em； -o-边界宽度：3em 3em 0 3em； 边框颜色：ffffff透明； -webkit边框颜色：ffffff透明； -moz边框颜色：ffffff透明； -o-边框颜色：ffffff透明； -webkit变换：旋转360度； } .阿罗：之后{ 内容：； 位置：绝对位置； 左：-43px； 顶部：-46.8px； 宽度：0px； 高度：0px； 边框样式：实心； -webkit边框样式：实心； -moz边框样式：实心； -o型边框样式：实心； 边框宽度：3em 3em 0 3em； -webkit边框宽度：3em 3em 0 3em； -moz边框宽度：3em 3em 0 3em； -o-边界宽度：3em 3em 0 3em； 边框颜色：111透明； -webkit边框颜色：111透明； -moz边框颜色：111透明； -o-边框颜色：111透明； -webkit变换：旋转360度； } @-webkit关键帧箭头{ 0%{top:0；} 10%{前12%；} 20%{顶部：0；} 30%{前12%；} 40%{top:-12%；} 50%{前12%；} 60%{顶部：0；} 70%{前12%；} 80%{top:-12%；} 90%{前12%；} 100%{top:0；} } .箭头包装.箭头{ 动画：箭头2.8s0.4s； 动画延迟：3s； -webkit动画：箭头2.8s0.4s； -webkit动画延迟：3s； } .w{位置：相对；}