用CSS 來布局很容易。如果你已經習慣用表格布局的話，起先會感覺比較困難。其實不難，只不過動機不同。
定位
定位屬性position用于定義一個元素是否absolute（絕對），relative（相對），static（靜態(tài)），或者fixed（固定）。
static值是元素的默認值，它會按照普通順序生成，就如它們在HTML的出現(xiàn)一般。
relative很像static，但可用top、right、bottom和left屬性來偏移原始位置。
absolute使元素從HTML普通流中分離出來，并把它送到一個完全屬于自己的定位世界。在這個稍微瘋狂的世界，這個絕對的元素可以放置到任何地方，只要設置了top、right、bottom和left的值。
fixed的行為也很像absolute，但參考于瀏覽器窗口相對于頁面而放置絕對的元素，所以，理論上，當頁面滾動的時候，固定元素完全保持在瀏覽器視區(qū)中。為什么說理論上的？不為別的，在Mozilla和Opera中工作得很好，但IE不會。
浮動 float
浮動將移動一個元素到同一線上的左邊或者右邊，而周圍也會有內容浮動。
浮動經常用在定位一個頁面內的小型的元素.