Html CSS溢出问题-y
我在我的网站上有一个视频播放器,它的右边有一个视频列表。该列表将随着时间的推移不断增长,因此需要Html CSS溢出问题-y,html,css,Html,Css,我在我的网站上有一个视频播放器,它的右边有一个视频列表。该列表将随着时间的推移不断增长,因此需要overflow-y:scroll添加到我的CSS中 但同时,我有一个漂亮的小悬停效果,它在悬停和单击时添加了一个箭头 问题是,当我添加overflow-y:scroll到容器,它删除了我的箭头效果,有人知道我如何能同时保持滚动效果和箭头吗 请看一个例子 您会注意到我添加了一条评论,我认为应该添加溢出,但我可能弄错了: /*THIS IS WHERE I NEED TO ADD OVERFLOW-Y
overflow-y:scroll代码>添加到我的CSS中
但同时,我有一个漂亮的小悬停效果,它在悬停和单击时添加了一个箭头
问题是,当我添加overflow-y:scroll代码>到容器,它删除了我的箭头效果,有人知道我如何能同时保持滚动效果和箭头吗
请看一个例子
您会注意到我添加了一条评论,我认为应该添加溢出,但我可能弄错了:
/*THIS IS WHERE I NEED TO ADD OVERFLOW-Y SCROLL*/
#My-Vids #videos .list ul {
background-color:#004461;
height:482px;
margin:20px
}
编辑:要查看发生了什么,只需放置overflow-y:scroll代码>输入我的代码。您需要做几件事:
- 删除列表中左侧的
边距
- 添加
左侧填充
以匹配原始金额
- 从列表中删除背景色
- 将该背景色应用于列表项
- 将列表标题
元素更改为使用填充
而不是边距
最终的结果是,我相信这就是您想要的效果。滚动条将侧边栏推到左侧,因此您需要删除一些右边距/填充,以使箭头再次显示。@TylerH-我现在才明白这一点!英雄联盟这将是我在这里发布后最后一次尝试。我感到羞愧!哈哈。。谢谢你,不用担心。但是,如果你真的感到羞愧,你确实有能力删除自己的问题:-p也许有一天其他人会成为白痴,这篇文章会帮助他们;)haha@AndreaLigiosCSS中不需要选择器最后一个属性上的分号。因此,它们不会“丢失”,并且浏览器会很好地解释代码(正确阅读)。“失踪”和你认为的“坏习惯”不同:-)谢谢Niet,我在发帖后很快就发现了!一个金发的时刻。但无论如何我都会给你的