CSS筆記：Positioning

1. 重要觀念
(1) 把網頁想成有兩層：下層跟上層

2. position的方式
(1) position: static
瀏覽器處理HTML元素的預設方式

(2) position: relative
相對於原本在下層的位置做指定的偏移

(3) position: absolute
元素會被移到上層，相對於容器元素做指定的偏移

(4) position: fixed
固定在瀏覽器視窗的某個位置

(5) float
float屬性可以將元素移到上層，並將它放在容器元素的最左側或最右側。位在容器元素中的其他下層元素會沿著float元素流動。
方框的高度會影響後續元素的位置。clear屬性可以讓你表明方框的左側或右側不應該碰到其他任何一個float元素(在同一個容器元素裡面)