html - 文本溢出 div - 溢出 : auto not working

Question

如果你去here然后单击缩略图，然后单击其中一个标签，您会看到我的问题。对于文字过多溢出的标签，不放入滚动条。我不能设置固定宽度，因为第一部分(标题)因提交的内容而异。

这是应该在需要时放入卷轴的部分的 css。

#scroll-pane{
left: -3px;
position: relative;
width: 100%;
overflow: auto;
font-family:helvetica;
font-size:11px;
color:#fff;
}

有什么想法吗？我相信这对你们来说是个简单的问题。

皮哈:

(function($) {
    $('#tag_info1').each(function() {
        var container = $(this);
        var total_height = container.height();
        var content_height = parseInt($('span.tag_title', container).outerHeight(true), 10) + parseInt($('span.tag_submission', container).outerHeight(true), 10);
        var p_height = 0;
        p_height+=parseInt($('span.tag_submission_text', container).css('padding-top'), 10);
        p_height+=parseInt($('span.tag_submission_text', container).css('padding-bottom'), 10);        
        p_height+=parseInt($('span.tag_submission_text', container).css('margin-top'), 10);
        p_height+=parseInt($('span.tag_submission_text', container).css('margin-bottom'), 10);  
        p_height+=parseInt($('span.tag_submission_text', container).css('borderTopWidth'), 10);
        p_height+=parseInt($('span.tag_submission_text', container).css('borderBottomWidth'), 10);

        $('span.tag_submission_text', this).height(total_height-content_height-p_height);
    });
})(jQuery);

试图让它与我的一起工作，但无济于事:(

Answer 1

overflow: auto 确实有效。它只是不存在。

您已将 overflow: auto; 添加到段落中。

段落不知道高度是多少。如果将它添加到容器中，它将起作用。

或者给段落一个高度。

我设置了一个 demo其中显示了如何计算剩余高度。能够为您的段落设置正确的高度。