DAY16 CSS該如何處理元素位置? 2!

今天我們來說明CSS中的定位方式，首先我們先來介紹position(定位)的語法~~
position
position是決定一個box元素在網頁中以甚麼方式作定位的屬性，他的值有以下幾種:
-static 正常方式(預設):
首先我們先來講講正常方式的運作，block box(區塊元素)會以其在html程式碼中出現的順序上到下垂直排列
，並依其上下的邊界(預設為0)來決定元素間的距離，而inline box(行內元素)則會以其在html程式碼中出現 的順序左至右水平排列，並依其左右的留白,框線及邊界來決定元素間的距離。
-relative 相對定位:
而相對定位就像他的名字一樣，是相對於正常方式的位置進行位移，而如何進行位移我之後會詳細的說明。
-absolute 絕對定位:
絕對定位與上面兩個不同的是他是放在一個指定的位置，我們就可以利用這點來進行元素的堆疊，而如何決定 堆疊的順序，則需要另一個屬性來控制，我之後會進行詳細的說明。
-fixed 絕對定位(box會固定住，不會隨內容移動):
也是絕對定位的一種，只是設定成這樣就會在一個真正固定的位置，內容移動時不會跟著移動。
今天的課程就到這邊，下一節會舉一些例子來說明相對定位的方式與應用~~~