在没有父母的情况下，将div相对于彼此定位

Question

所以我试图用div表示的节点构建树状UI，可以通过单击套接字并拖动到另一个节点的套接字来连接。节点如下所示：

<div class="node">
    <div class="upper-socket" />
    <div class="lower-socket" />
</div>

.node {
    position: relative;
    // other properties
}

.socket {
    position: absolute;
    // other properties
}

我使用JQuery draggable使父节点可拖动。但是当用户从套接字拖动时，我想要使用svg绘制路径。例如，我希望用户能够从A的底部节点单击到B的顶部节点并建立连接。相反，套接字继承父项的可拖动属性。我该如何解决这个问题？

Answer 1

根据您如何进行此操作，您可以在彼此相邻的div上使用相对定位。这可能有效，取决于你想要做什么。

你也可以尝试浮动：左。这可能就是答案。

第三，我可能会建议通过CSS更改div的显示。如果您执行类似＆＃34; display：inline-block＆＃34;之类的操作，它会将其放在其他位置旁边。

如果这些没有帮助，我建议张贴插图。它有助于传达你的概念。