将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" {/ 1}}将新div添加到div？

Answer 1

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

以下是一个实例：http://jsfiddle.net/AWYbD/

Answer 2

首先，要小心设置＆＃34; position：absolute＆＃34;你的内心。使用top，left等声明时，这并未明确设置。

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

只是做

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