网页布局两种方式总结

第一种，浮动布局方法

使用float属性对块级元素进行左右浮动 。在通过padding和margin及position进行位置布局。

第二种，使用块级与内联元素特性方法

对元素分别使用 display：inline-block，vertical-aldgn:top指定初始位置。可以使元素既可以使用块级元素的width和height及内联元素在同一行的特性，在通过padding和margin进行位置布局

注：当块级元素使用display：inline-block后，在指定width:100%可以使之单独占据一行。

注2：内联后元素之间会有间隙，让元素头尾相接即可消除。