Question

我有一个带有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>'
);

Answer 1

要使第二个div相对于父级div来计算位置，而不是根据其在子级中的位置，使它的位置是绝对的，并且要与父级的相对位置

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

请从子元素中删除id或使其唯一。

Answer 2

$('#Droppable').append(
'<div class ="child-divs"
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>'
);

#Droppable{
   position : relative;
}


#Droppable > div.child-divs {
position : absolute;
top : 
bottom :
left :
right :
}

请按照您的要求填写 top, bottom, left, right 值。

如何将父div的边距设为最高？

2 个答案: