div+css布局

 

一列固定宽度 宽高确定，固定不变
一列自适应 即当浏览器扩大或缩小时，其大小还将维持在与当前浏览器大小的相对比例 宽高按百分比取值
一列固定宽度居中 margin:0 auto;
二列固定宽度 float:left;/float:right;
二列宽度自适应 float:left;/float:right;
二列右列宽度自适应 
三列浮动中间列宽度自适应 

当对象设置为position:absolute;,对象将根据整个页面的位置进行重新定位，当使用此属性时，可以使用top right bottom let即4个方向的距离值，以确定对象的具体位置.绝对定位元素的定位模式不会影响其他元素也不会被其他元素的浮动定位所影响，即使用了绝对定位后，对象就像一个图层一样浮在了网页纸上。使用绝对定位的对象，不需要再考虑他在页面中的浮动关系，只需要设置对象的top left right bottom4个方向值即可。