1. 程式人生 > >嵌套div的margin-top使用註意

嵌套div的margin-top使用註意

margin-top 嵌套

第一種情況:
兩個div,嵌套關系,也就是父子關系,沒有任何的內容

技術分享圖片

各自的css樣式如下:

技術分享圖片

實現的效果,如下:

技術分享圖片

第二種情況:

如果此時給父級元素加點內容,如圖所示
技術分享圖片

各自的css的樣式不變,最後的效果如圖所示:

技術分享圖片

總結:所以在使用margin-top時我們需要多註意一下的

嵌套div的margin-top使用註意