CSS规划常用的方法
float:none|left|right 
取值：
none:默认值。对象不飘浮
left:文本流向对象的左边
right:文本流向对象的左边 

它是怎样任务的，看个一行两列的例子 
xhtml代码:

CSS代码:


position:static|absolute|fixed|relative
取值：
static:默认值。无特殊定位，对象遵照HTML定位规则
absolute:将对象从文档流中拖出，使用left，right，top，bottom等属性绝对于其最接近的一个最有定位设置的父对象进行绝对定位。如果不存在这样的父对象，则依据body对象。而其层叠通过z-index属性定义
fixed:未支持。对象定位服从绝对(absolute)方式。但是要恪守一些规范
relative:对象不可层叠，但将依据left，right，top，bottom等属性在正常文档流中偏移位置 

它来实现一行两列的例子 
xhtml代码:

CSS代码:

他们的区别在哪？
显然，float是绝对定位的，会随着浏览器的大小和分辨率的变化而改变，而position就不行了，所以普通情况下还是float规划！

CSS常用规划实例
单行一列

两行一列 

三行一列

单行两列

两行两列

三行两列


单行三列
绝对定位 


float定位一
xhtml代码: