【问题标题】：How to give height to the ghost Image of HTML draggable element?如何为 HTML 可拖动元素的幽灵图像赋予高度？
【发布时间】：2021-08-24 16:31:25
【问题描述】：
我正在构建一个约会日历，可以在其中预订时段并拖放时段以更改时间。每个插槽都是可拖动的 HTML 元素。但是当我们尝试拖动较小的插槽时，我发现了一个问题，预览 div 或重影图像（我不知道这是不是技术术语）正在显示下一个插槽的某些部分。在下图中，有 4 个不同的插槽。当我尝试拖动第一个插槽（绿色）时，第二个插槽的某些部分也会显示在幻像中。
我的猜测是幻像大小有一些最小高度属性并且可以控制？我可能是错的，我很感激可以帮助我解决这个问题的指针。
【问题讨论】：
标签：
javascript
html
css
angular
web
【解决方案1】：
如果没有看到实际代码，很难帮助您。
也许你拖错了元素，也许你实际克隆的内容有误以显示“幽灵图像”或完全是其他东西。
如果一切都正确并且仍然发生，则可能与您元素的 css 有关。但同样，没有看到任何代码，这只是一个猜测。
如果您想要一个快速的解决方案，只需为您的幽灵元素设置一个固定高度（与您拖动的一个元素一样高）并将其溢出属性设置为隐藏。它有效，但我宁愿把自己从悬崖上跳下来，也不愿像那样真正解决问题。
如果您制作 jsfiddle，我很乐意帮助您。