div元素互相重疊-css

下面是代碼http://jsfiddle.net/DTYEB/14/，那裏的圖像重疊，我希望他們彼此相鄰。我的位置改變到相對的CSS類.container {}，但應用程序的功能改變那麼，有沒有辦法有元件之間的間隔div元素互相重疊-css

你能發佈一個更可讀的代碼（少whitspace）？ – 2012-02-17 11:21:27

在css＆code部分中刪除了空格 - http://jsfiddle.net/DTYEB/19/ – user1184100 2012-02-17 11:26:51

如果你看一下開發工具，你會發現，每一個DIV每個圖像包含具有相同座標的絕對位置。

這個問題是存在的：

.container{ 
    position:absolute; 
    width:64px; 
    height:64px; 
    top:200px; 
    left:300px; 
    z-index:0; 
}

這樣做：

.container{ 
    width:64px; 
    height:64px; 
    z-index:0; 
}

，並創建具有絕對位置的父DIV。

這是一個很多的解決方案。

2012-02-17 11:29:56 unludo

thanx for reply，但是如果我這樣做的話，拖動功能不能以所需的方式工作:(注意：圖片元素可以被拖動） – user1184100 2012-02-17 11:33:19

@ user1184100然後創建2個類.container 1和.container2並將正確的座標放到每個類中？ – unludo 2012-02-17 12:14:01

正確的，將解決問題，但有r代碼中的功能，我將需要找出它的意思..評論的太大:) – user1184100 2012-02-17 12:37:09

我已經更新了你的腳本，並添加以下代碼，

$(dragElement).css('position','relative'); 
$(dragElement).css('float','left'); 
$(dragElement).css('display','inline-table');

2012-02-17 11:46:06

謝謝hRaval ..但圖像重疊之前，他們被拖動我想要它彼此相鄰.. – user1184100 2012-02-17 11:53:10

回答