这是我自己在仿腾讯首页时遇到的布局问题,在此记录,如果有错,欢迎指正。
首先是对齐问题,可以把父div的高度设置为0,然后调整padding值,这样可以批量调整子div们和其他父div的相对高度。
这是父div的样式
.loginicon { width: 1000px; height: 0px; padding-top: 0px; display: block; }
调整padding-top值,效果如下:
如此就对齐了,,除此之外还发现,这个父div设置为block,它会随着宽度的不同而进行自适应向上浮,width为500px时效果如下:
width为850时效果如下:
很多地方都可以应用。