父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

不少地方均可以应用。腾讯

相关文章
相关标签/搜索