這是我自己在仿騰訊首頁時遇到的布局問題,在此記錄,如果有錯,歡迎指正。
首先是對齊問題,可以把父div的高度設置為0,然后調整padding值,這樣可以批量調整子div們和其他父div的相對高度。
這是父div的樣式
.loginicon {width: 1000px;height: 0px;padding-top: 0px;display: block; }
調整padding-top值,效果如下:
如此就對齊了,,除此之外還發現,這個父div設置為block,它會隨著寬度的不同而進行自適應向上浮,width為500px時效果如下:
width為850時效果如下:
很多地方都可以應用。