沒有爲人父母的位置div的相對於eachother

Question

所以我試圖建立一個樹形的用戶界面表示由divs表示的節點，可以通過單擊一個套接字並拖動到另一個節點的套接字連接。該節點看起來像這樣：

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

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

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

我使用JQuery可拖動使父節點可拖動。但是當用戶從套接字拖拽時，我想要使用svg繪製路徑。例如，我希望用戶能夠從A的底部節點單擊到B的頂部節點並建立連接。相反，套接字繼承父級的可拖動屬性。我怎樣才能解決這個問題？

Answer 1

取決於你如何鋪設了這一點，你可以在它的div是彼此相鄰的使用相對定位。這可以工作，取決於你想要做什麼。

你也可以嘗試float：left。這可能是答案。

第三，我可能會建議通過CSS更改div的顯示。如果你做了「display：inline-block」之類的東西，它會把它放在其他的旁邊。

如果這些沒有幫助，我會建議張貼插圖。這將有助於傳達你的概念。