嵌套div的margin-top使用注意

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

3.jpg

各自的css樣式如下:

4.jpg

實現的效果,如下:

5.jpg

第二種情況:

如果此時給父級元素加點內容,如圖所示
6.jpg

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

7.jpg

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章