Question

我有一个容器，由一个带有滚动内部div的外部div组成，如下所示:(注意这是我正在做的事情的简化版本）

HTML：

<div class="faq-clone">
    <div class="faq-clone-content">
        Some text goes here.
    </div>
</div>

CSS：

.faq-clone {
    overflow: auto;
}

.faq-clone-content {
    overflow: auto;
    width: 375px; 
    max-height: 400px;
}

我们的想法是.faq-clone可拖动和调整大小，但结果滚动条仍然只显示在内部div faq-clone-content上。我正在使用现有的项目，所以我开始只是在jQuery中添加.draggable()，如下面的小提琴所示：

很简单，它仍然可以正常运行。为了调整大小，我理解CSS需要更改。我将.resizable()添加到.faq-clone并调整了CSS，以便外部容器设置宽度/高度并将溢出设置为隐藏，如下所示：

容器调整大小很好，但内部滚动条丢失了。在overflow:hidden上更改.faq-clone似乎不是答案，但如果没有它，我会在外部div上获得滚动条，这是不可取的。关于如何设置CSS以实现此目的的任何想法？

Answer 1

使用jQuery将faq-clone-content设置为它的父级faq-clone的大小似乎可以解决问题。

$(".faq-clone-content").css('height', faqClone.height() + 'px');