這是我本身在仿騰訊首頁時遇到的佈局問題,在此記錄,若是有錯,歡迎指正。佈局
首先是對齊問題,能夠把父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
不少地方均可以應用。騰訊