溢出:auto无法按预期工作

时间:2015-01-28 07:11:06

标签: html css scrollbar overflow

我之前曾在谷歌和本网站上搜索过,但没有找到解决问题的方法。

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

然而,滚动条在我们的新设计上看起来很糟糕,我试图将它们从shoutbox和ts viewer中删除,但它们不会消失。

来自shoutbox的代码:

<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>
....    

所以我将以下css声明添加到#shoutbox:

position:relative;
overflow:hidden;

以下设置为.shoutboxContent:

overflow:auto;

它仍然不起作用,我现在没有弹药了;(

请参阅此fiddle

希望有人可以帮助我解决这个问题。

1 个答案:

答案 0 :(得分:0)

我看了一下你的Teamspeak div(来自页面的源代码)。

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

元素中的定义 - 标记比CSS更高。 如果您将样式属性远程工作并且看起来更好; D