将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>

如何将新的div添加到id="container"且top="0px" left="0px" div中？

Answer 1

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

这是一个实时示例： http : //jsfiddle.net/AWYbD/

Answer 2

首先，请谨慎设置内部div的“ position：absolute”。 在使用top，left等声明时，不会隐式设置该属性。

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

做就是了

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