溢出：自动无法按预期工作

Question

我之前在 Google 和这个网站上搜索过，但没有找到解决我的问题的方法。

我的页面上有一个 shoutbox 和一个具有特定高度的 teamspeak 查看器 div。

但是，滚动条在我们的新设计中看起来很糟糕，我试图将它们从 shoutbox 和 ts 查看器中删除，但它们不会消失。

留言箱中的代码：

<div class="shoutboxBoxSidebar">
    <div id="shoutbox" class="shoutbox sidebar">
        <div class="shoutboxContent fadeOut asc">
            <ul id="shoutboxEntryList">
                <li class="shoutboxEntry" id="shoutboxEntry3936">
                <li class="shoutboxEntry" id="shoutboxEntry3935">
            </ul>
        </div>
....

所以我向#shoutbox 添加了以下 css 声明：

position:relative;
overflow:hidden;

并对 .shoutboxContent 进行以下设置：

overflow:auto;

还是不行，我现在没弹药了;(

请看这个fiddle

希望有人能帮我解决这个问题。

Answer 1

我看了你的 Teamspeak div（页面的源代码）。

<div id="ts3viewer_1016944" style="height:350px; overflow:scroll;">

元素标记中的定义比 CSS 评级更高。如果您远程设置样式-属性，它的工作效果和外观会更好；D

溢出：自动无法按预期工作

overflow: auto does not work as expected

html

css

scrollbar

overflow