position有五種取值

• static：無特殊定位，小透明，都快忘了它了

  • 即是正常的文檔流，不設置position默認就是它。

• relative：相對定位的父親

  • 如果僅僅是position:relative，它的表現同static一樣。
  • 需要加top,bottom,left,right使其偏離正常位置。
  • 注意：relative不會使元素脫離文檔流。即是說，其他元素不會因為它(relative的元素)的改變而改變。

• fixed:下拉滾動條，它還在那里

  • 相對于瀏覽器可視窗口來定位，如我們要讓上方導航欄不論風吹雨打（上下滾動）一直顯示，就要給它設置 position:fixed

• fixed會使元素脫離文檔流。

• absolute:絕對定位，我想在哪里在哪里

• 如果有relative，則絕對定位以relative的元素為爸爸，否則按照body定位。

• 脫離文檔流，原來的空間會被下面的文檔流元素占掉！！

• inherit:其實就是繼承父級元素的position屬性。