网页布局两种方式总结
第一种,浮动布局方法
使用float属性对块级元素进行左右浮动 。在通过padding和margin及position进行位置布局。
第二种,使用块级与内联元素特性方法
对元素分别使用 display:inline-block,vertical-aldgn:top指定初始位置。可以使元素既可以使用块级元素的width和height及内联元素在同一行的特性,在通过padding和margin进行位置布局
注:当块级元素使用display:inline-block后,在指定width:100%可以使之单独占据一行。
注2:内联后元素之间会有间隙,让元素头尾相接即可消除。
As you wish.