Javascript 新部门CSS不接受“不接受”;top";及;“左”;类型

Javascript 新部门CSS不接受“不接受”;top";及;“左”;类型,javascript,jquery,html,css,Javascript,Jquery,Html,Css,追加新div并更改css值时,顶部和左侧的值不适用。其他价值观没有问题 我暂时使用了marginLeft和marginTop,这似乎很有效,但它并不像我希望的那样准确 const createNewDiv = () => { for (let i = 1; i < 10; i++) { let newDiv = document.createElement("div"); newDiv.innerHTML = -i; document.getElement

追加新div并更改css值时,顶部和左侧的值不适用。其他价值观没有问题

我暂时使用了marginLeft和marginTop,这似乎很有效,但它并不像我希望的那样准确

const createNewDiv = () => {
  for (let i = 1; i < 10; i++) {
    let newDiv = document.createElement("div");
    newDiv.innerHTML = -i;
    document.getElementById("zero").appendChild(newDiv);
    $(newDiv).css({
      top: -i * 50,
      left: -3
    })
  }
}

点A-X:

点A-Y:

点B-X:

点B-Y:

进入

0


您需要设置CSS位置属性:

top的效果取决于元素的位置(即 位置属性的值):

  • 将“位置”设置为“绝对”或“固定”时,“顶部”特性指定图元的上边缘与顶部之间的距离 其包含块的边缘。(包含块需要有 属性位置:相对位置)
  • 将“位置”设置为“相对”时,“顶部”特性指定图元的上边缘移动到其正常位置以下的距离

  • 将“位置”设置为“粘滞”时,“顶部”特性的行为类似于当元素位于视口中时其位置是相对的, 当它在外面时,它的位置是固定的

  • 将“位置”设置为“静态”时,“顶部”属性无效

设置元素和父元素的
位置
?是否添加了
位置
属性<代码>顶部和
左侧
仅对定位元素有效。将位置添加到新css有效。我在父css上设置了位置,假设它适用于新的分区。我错了。谢谢