子div 的margin top不生效

2021-08-09 23:08:17 字數 379 閱讀 8766

當兩個容器巢狀時,如果外層容器和內層容器之間**沒有別的元素**,ff或chrome會把內層元素的margin-top作用于父元素。

解決方案一:給父div新增overflow:hidden

解決方案二:給父div或子div新增padding-top:100px;但是這兩種布局有不同之處

解決方案三:使用浮動來解決,即將子層**改為:margin-top:200px;float:left

解決方案四:給父div寫個空字串 ,此時相當於外層和內層容器之間新增了文字元素

*/*

.father

.son

class="father">

class="son">

div>

div>

div巢狀引起的margin top不起作用

巢狀div中margin top轉移問題的解決辦法 在這兩個瀏覽器中,有兩個巢狀關係的div,如果外層div的父元素padding值為0,那麼內層div的margin top或者margin bottom的值會 轉移 給外層div。上部層解決辦法 1 在父層div加上 overflow hidden...

關於DIV多層巢狀的margin top的BUG

今天在做登入頁面的時候發現個margin top的bug 初始 如下 html css errorstyle結果發現ie6.ie7正常,ie8,ff顯示錯誤。癥結 當兩個容器巢狀時,如果外層容器和內層容器之間沒有別的元素,firefox會把內層元素的margin top作用于父元素。解決方案 1 使...

關於子元素的margin top影響父元素

來看看這個問題 子元素為什麼設定margin top會影響父元素的margin top。先把html,body,div的預設margin,padding設為0,再給父元素設定寬高,子元素設定寬高。然後又設定子元素的margin top為20px。效果如下 查了下,簡單來說是因為父元素沒有設定padd...