javascript - 如何取父div的margin top?

标签 javascript css

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

最佳答案

$('#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 根据您的要求填写值。

关于javascript - 如何取父div的margin top?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52529830/

相关文章:

javascript - 如何在 javascript :hover on :before element 中检测

javascript - DoubleClick 广告 : Possible issues with googletag. 定义的插槽与页面上的 googletag.display 不匹配

javascript - Highcharts条形图x轴不一致行为

javascript - 当参数作为对象发送时,为什么 Node 服务器不读取 React 中的 axios post ?

html - 时事通讯在 Outlook 中损坏

javascript - 当用户位于带有动画导航的页面顶部时应用 css

css - 在滚动的容器中将表格彼此对齐

html - @media 用于下拉菜单 - 显示菜单

javascript - Backbone 延伸断裂

javascript - 使用webpack导入react错误: Cannot resolve module 'react'