<div style="background: #FF0000; width: 600px; height: 500px; margin-top:
100px; margin-left: 100px;">
<div style="background: #00FF00; width: 100px; height: 100px; margin-top:
100px; margin-left: 100px;"></div></div>
如上，我希望绿色方块顶端边缘能够距离红色的顶端边缘100px，而红色方块顶端边缘距
离浏览器画面上缘100px，在IE8可以成功执行，但在其他浏览器(Google Chrome、Opera…
)就失败了，请问这是什么原因? 又该如何改呢?(请不要用position来定座标)
另外，为什么在IE8设padding-top时高度不会自己增加，在其他浏览器设padding-top时高
度会自动增加呢? 那这又该怎么改才能让所有浏览器浏览的画面都能一致呢? (如下，在
IE下执行红色方块总高度为300px，但在其他浏览器下执行则总高度自动增为400px)
<div style="background: #FF0000; width: 300px; height: 300px; padding-top:
100px;">
<div style="background: #00FF00; width: 100px; height: 100px; margin-left:
100px;"></div></div>