DIV CSS 布局 - 固定位置展开父级

Question

我正在查看一个可以满足我需要的 'drag and drop' 脚本，但是我在 DIV 定位和修复 DIV 方面遇到了一些问题，但是允许扩展它的父项。

我创建了一个 CodePen 示例。

基本上我在页面的 left 上有一个 list，它可能会增大或缩小。 div 正确扩展和收缩。

在页面右侧我有一个 dropzone 用户可以从列表中拖动并填充拖放区。

如果列表比页面长，当用户向下滚动时，我想让右窗格（用黄色标出）来向下滚动页面。当用户向上滚动时，我希望黄色窗格向上滚动并最终返回到它的原始位置。

随着项目从左向右拖动，黄色窗格会展开。但它在 DRAG DIV 上扩展，它应该使拖动 div 扩展，以便黄色窗格保留在其中。

请有人告诉我如何让它工作。谢谢:)

Answer 1

为此添加填充

#right_container {
padding: 20px;
}

删除位置

#right {
position :absolute;
}

我误解了什么..

DIV CSS Layout - fixed position expand parent