當兩個容器巢狀時,如果外層容器和內層容器之間**沒有別的元素**,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...