CSS學習筆記: 位置

CSS positioning

參考: http://www.w3schools.com/css/css_positioning.asp

static: 預設值。

fixed: 可指定相對於瀏覽器的座標，隨瀏覽器大小改變，此元素會從其他元素獨立出來不受影響，也就是不會跟著捲動。

relative: 此元素仍然屬於正常排列中的一份子，可指定相對於自己原本應該佔有之處的位移。注意: 原佔有處依然會佔有，也就是說位移之後，自己原本的位置會留白，別的元素不會進來。

absolute: 可指定相對於第一個父元素的位移。父元素的position屬性必須是除了static以外的屬性。

overflow屬性

visible: 此為預設值。內容若超過方塊大小，則會溢出，顯示到方塊外面。

hidden: 超出範圍的內容就看不到，也不能捲動。

scroll: 以捲動軸瀏覽超出範圍的內容。