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

标签 html css position

我正在查看一个可以满足我需要的“拖放”脚本,但是我在 DIV 定位和修复 DIV 但允许扩展它的父级方面存在一些问题。

我创建了一个 CodePen示例。

基本上,我在页面的左侧 上有一个列表,它可能会增大或缩小。该 div 可以正确扩展和收缩。

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

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

当元素从左向右拖动时,黄色 Pane 会展开。但它在 DRAG DIV 上扩展,它应该使拖动 div 扩展,以便黄色 Pane 保留在其中。

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

最佳答案

为此添加填充

#right_container {
padding: 20px;
}

删除位置

#right {
position :absolute;
}

我误解了什么..

关于html - DIV CSS 布局 - 固定位置展开父级,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38663740/

相关文章:

php - 如何在20行表上显示5条记录?

javascript 添加选择和复选框值///获取负数

html - 如何基于正则表达式将CSS应用于div内容

javascript - 我怎样才能让这段代码只平滑滚动我想要的元素?

html - 自动高度不覆盖整个容器

css - Icomoon 在 9 种字体后出现奇怪?

javascript - YOUTUBE 在移动设备上自动播放

html - 100% 宽度的 Textarea 填充容器,但 100% 宽度的 div 扩展父级

iOS:单个字符的 sizeWithFont 与字符串不同?

css - 容器 div 中的背景不是 100%,具有相对绝对定位和百分比