Question

如果你去here并点击缩略图，然后点击其中一个标签，你就会看到我的问题。对于文本太多且过度使用的标签，它不会放入滚动条。我不能放一个固定的宽度，因为第一部分，标题，从一个提交到另一个提交。

这是在需要时应该放入滚动的部分的CSS。

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

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

PeeHaa：

(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，其中显示了如何计算剩余高度。能够在段落上设置正确的高度。

Answer 2

我在Firefox上没问题。但是当你使用overflow：auto;您必须在容器上使用它，例如div。

编辑：好的，我理解你的问题。目前您在容器上使用height: 180px;。如果您在文本容器上尝试min-height: 100px;和overflow: auto;之类的内容，则可以修复文本容器的大小。

因此，您的文本容器将具有相同的高度，但如果标题较大，则容器可以扩展。

我不知道是否清楚但如果你想我可以尝试重新解释。

Answer 3

div height以及max-height指定了类似的问题 - 即使指定了overflow: auto，它也不会放置滚动条。除了min-height和height值之外，我在指定max-height之后仍然有效。

文本溢出div - 溢出：自动无法正常工作

3 个答案: