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