Div元素相互重叠 - css

时间:2012-02-17 11:17:48

标签: css

这是代码http://jsfiddle.net/DTYEB/14/,图像彼此重叠,我希望它们彼此相邻。我可以在css类.container {}中将位置更改为relative,但应用程序的功能会更改所以是否有任何方法可以在元素之间留出间距

2 个答案:

答案 0 :(得分:2)

如果你看一下开发人员工具,你会发现每个图像的每个div都有绝对位置和相同的坐标。

问题在于:

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

这样做:

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

创建一个具有绝对位置的父div。

这是很多人的一个解决方案。

答案 1 :(得分:1)

我已更新您的脚本并添加以下代码

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

立即查看http://jsfiddle.net/DTYEB/32/