FF下子div的margin-top被傳遞給父div的解決辦法

當兩個容器嵌套時,如果外層容器和內層容器之間沒有別的元素,firefox會把內層元素的margin-top作用與父元素。

也就是說因爲子層是父層的第一個非空子元素，所以使用margin-top會發生這個錯誤。

解決的辦法有兩個：

1、使用浮動來解決，即將子層代碼改爲：<div style="margin-top:200px;float:left";>子層</div>

2、使用padding-top來解決，即：

<div style="padding-top:200px;">

    <div>子層</div>

</div>