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