常用页面布局方式：浮动(float),负边距(margin);定位(positon);

双飞翼布局：

这里考虑浏览器解析页面时，应该让主列优先于其他列加载；

首先我们用float+负边距的形式来搞

实现效果（正常+小化浏览框）

这种方式兼容性很强，就只有在IE6下通过_zoom:1触发haslayout而已;还有就是在浮动情况下通过设置边距负值，可使DIV上移，但一定要大于或者等于其宽度；

这里我们针对中间的DIV多包裹了一层div来控制它不被margin-left:-100%的左DIV给覆盖，下面这种通过定位实现的布局，就不需要了；

呈现样式一样，这里注意的是要加上body{margin:0}的reset样式，默认情况下chrome带有8px的margin,IE怪异模式下是margin{15px 10px}的情况。

这里绝对定位配合top,left,right来定位，具体关于理解绝对定位可以看看这个http://www.imooc.com/learn/192;

基本架设方向有了，再在这基础上慢慢添加，一个网站就构成了，当然这里面还有肯定东西啦，戒浮躁！

css布局