用CSS 来布局很容易。如果你已经习惯用表格布局的话，起先会感觉比较困难。其实不难，只不过动机不同。
定位
定位属性position用于定义一个元素是否absolute（绝对），relative（相对），static（静态），或者fixed（固定）。
static值是元素的默认值，它会按照普通顺序生成，就如它们在HTML的出现一般。
relative很像static，但可用top、right、bottom和left属性来偏移原始位置。
absolute使元素从HTML普通流中分离出来，并把它送到一个完全属于自己的定位世界。在这个稍微疯狂的世界，这个绝对的元素可以放置到任何地方，只要设置了top、right、bottom和left的值。
fixed的行为也很像absolute，但参考于浏览器窗口相对于页面而放置绝对的元素，所以，理论上，当页面滚动的时候，固定元素完全保持在浏览器视区中。为什么说理论上的？不为别的，在Mozilla和Opera中工作得很好，但IE不会。
浮动 float
浮动将移动一个元素到同一线上的左边或者右边，而周围也会有内容浮动。
浮动经常用在定位一个页面内的小型的元素.