如何让一个DIV固定在另一个DIV的底部
<html>
<head>
<title>Test</title>
</head>
<body>
<div id="div1" style="border:1px solid red; width:500px; position:relative; height:500px;">
1111111
<div id="div2" style="border:1px solid green; width:300px; height:200px; position:absolute; bottom:0px;">2222222222</div>
</div>
</body>
</html>