浮动布局

浮动布局进行调用浮动属性改变页面中元素的位置，浮动布局应该是目前各大网站用的最多的一种布局方式了，但是也特别复杂。浮动元素是脱离文档流的，但不脱离文本流。浮动元素有左浮动（float : left）和右浮动（float : right）两种

优点： 兼容性比较好

定位布局
定位布局时利用position属性控制页面元素设置一些不规则布局。
缺点： 浮动带来的影响比较多，页面宽度不够的时候会影响布局。