javascript - 如何获取父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>'
);
解决方案
要使第二个div
计算相对于父级div
的位置,而不是通过其在子级中的位置,使其位置绝对和父级的相对
#Droppable{
position : relative;
}
#Droppable > div {
position : absolute;
}
请删除id
from 子元素或使其独一无二。
推荐阅读
- python - 计算一组位置和特定点之间最小距离的最快方法(DataFrame)
- wordpress - Wordpress youtube 控制屏幕外
- bash - 如何从文件名中提取一个以下划线分隔的字段?
- c++ - 显示器之间的 Qt 自定义无框窗口中的绘画问题
- c# - Unity3D C# VR:在玩家的某个点产生对象
- set - Set 是什么意思
[] 集 = 新集 [] {setW, setX, setY, setZ}; 在 Java 中是什么意思? - arrays - 函数在数组中查找项目,快速
- javascript - 计数计时器使用javascript
- machine-learning - 在多模型端点上部署 Sagemaker 内置算法训练模型(例如 RCF)
- mongodb - 为什么 MongoDB 的 python 电机客户端在使用 starlette 运行时比 pymongo 慢得多?