Jquery-追加元素错误

以下是我开发的：

我希望您在输入字段中键入“abc”，您可以看到什么

黑色象限显示在（身体的）左上角，但它应该显示在“地图”的左上角

我认为这是错误的代码：

$("<p></p>").appendTo("map").css({

$（“
”）.appendTo（“map”）.css({

---

有人知道该应用于哪个元素吗？谢谢和问候！

我不是100%确定你想做什么，但是你已经将css设置为

位置：绝对

，它将在主体的左上角开始坐标（0,0）。Relative将在其包含元素的左上角开始坐标（0,0）

将其更改为“相对”是否符合您的要求

$（“
”）.appendTo（“map”）.css({
“位置”：“相对”，
“顶部”：尺寸[1]+“px”，
“左”：尺寸[0]+“px”，
“宽度”：“50px”，
“高度”：“50px”，
“背景色”：“黑色”
});

仅仅因为您对JavaScript代码的CSS定义（位置：绝对）

将其更改为“相对”

$（“
”）.appendTo（“map”）.css({
“位置”：“相对”，
“顶部”：尺寸[1]+“px”，
“左”：尺寸[0]+“px”，
“宽度”：“50px”，
“高度”：“50px”，
“背景色”：“黑色”
});

---

绝对是指定义顶部或左侧等。它将从窗口计算度量值。但如果定义为相对，则在定义顶部和左侧时，它将显示父标记（刚刚使您达到10K:）@用户3185975，很高兴问题解决了！不知道为什么你被否决了。你展示了你的尝试，并试图解释你面临的问题。不知道为什么人们跳到hit-1而不是帮助改进问题并找到解决方案。它在我的屏幕上显示了黑匣子，所以我确实看到了一些事情发生。如果这就是他们被否决的原因，他们会应该这么说。我对匿名的否决票感到非常厌烦

            $("<p></p>").appendTo("map").css({
                "position" : "relative",
                "top" : dimensions[1] + "px",
                "left" : dimensions[0] + "px",
                "width" : "50px",
                "height" : "50px",
                "background-color" : "black"
            });

$("<p></p>").appendTo("map").css({
                "position" : "relative",
                "top" : dimensions[1] + "px",
                "left" : dimensions[0] + "px",
                "width" : "50px",
                "height" : "50px",
                "background-color" : "black"
            });