javascript - 将 div 添加到具有绝对位置的父级

Question

我有一个具有相对样式位置的父 div，并且在该 div 内有几个具有绝对样式的 div

<div id="container" style="position:relative;width=400px;height=400px;">
<div style="top:20px;left:20px;width:20px;height:20px;"></div>
<div style="top:40px;left:40px;width:20px;height:20px;"></div>
<div style="top:60px;left:60px;width:20px;height:20px;"></div>
</div>

如何使用id="container"with将新 div 添加到 div top="0px" left="0px"？

Answer 1

$('#container').append(
    $('<div/>').css({top:'0px',left:'0px'})
);

这是一个活生生的例子：http: //jsfiddle.net/AWYbD/

Answer 2

首先，小心将“位置：绝对”设置为您的内部 div。在使用 top、left 等声明时，这不是隐式设置的。

添加一个新的 div（我假设使用 jquery），

做就是了

$('#container').append('<div style="position:asbolute; top: 0px; left: 0px;"></div>');