父div高度和寬度的應用

這是我本身在仿騰訊首頁時遇到的佈局問題,在此記錄,若是有錯,歡迎指正。佈局

首先是對齊問題,能夠把父div的高度設置爲0,而後調整padding值,這樣能夠批量調整子div們和其餘父div的相對高度。spa

這是父div的樣式3d

.loginicon {
    width: 1000px;
    height: 0px;
    padding-top: 0px;
    display: block;
}

調整padding-top值,效果以下:code

如此就對齊了,,除此以外還發現,這個父div設置爲block,它會隨着寬度的不一樣而進行自適應向上浮,width爲500px時效果以下:blog

width爲850時效果以下:class

不少地方均可以應用。騰訊

相關文章
相關標籤/搜索