首页 > 解决方案 > 如何获取父div的边距顶部?

问题描述

我有一个带有子 div 的父 div,它是由它的高度和宽度动态创建的。在我手中,我有左上角,上边距父 div。但问题是第一个它工作正常。当我放置第二个 div 时,边距顶部是从第一个子 div 而不是父 div 计算的。这是我的代码:

$('#Droppable').append(
'<div id="PlaceHolder' + PlaceholderId + '" style="height:' + HeightInPx + 
'px;width:' + Widthinpx + 'px; background-color:black;color:white;text- 
align:center;color:yellow;margin-left:' + X + 'px;margin-top:' + Y + 'px;">' 
+ PlaceholderName + '</div>'
);

标签: javascriptcss

解决方案


要使第二个div计算相对于父级div的位置,而不是通过其在子级中的位置,使其位置绝对和父级的相对

#Droppable{
  position : relative;
}
#Droppable > div {
  position : absolute;
}

请删除idfrom 子元素或使其独一无二。


推荐阅读