CSS-定位屬性

Css學習——定位屬性

• 定位能夠看做是一種分層，經過對頁面中的各類元素進行定位，能夠將某些元素放到其餘元素的上層，並在瀏覽器的窗口中設置這些元素的具體位置。
• position屬性以及Css所提供的4中定位類型：static、relative、absolute和fixed。
• 偏移屬性top、right、bottom和left，以及使用它們將元素放置在Web頁面中的特定位置的方式。
• z-index屬性以及使用該屬性對文件中的元素進行分層。
• 定位的實際使用，例如多欄佈局和垂直居中定位元素。

  屬性	值
  position	static|relative|absolute|fixed 初始值：static
  top	<length>|<percentage>|auto 初始值：auto
  right	<length>|<percentage>|auto 初始值：auto
  left	<length>|<percentage>|auto 初始值：auto
  bottom	<length>|<percentage>|auto 初始值：auto

• 絕對定位的元素會被放置到屏幕上的指定位置，具體來講是瀏覽器視口中的特定位置，視口即所呈現文檔的可見區域。
• 相對定位相似於靜態定位；但應用相對定位的元素不脫離文檔流。相對定位的元素能夠用做包含在該元素中的絕對定位的參考點；相對定位的元素能夠經過使用偏移量來調整位置；相對定位元素能夠在z軸上具備相應的位置
• 固定定位用於將元素保持在同一固定位置，即便文檔滾動也是如此。不管是否被包含在應用了相對定位或絕對定位的元素中，固定定位的元素老是相對於視口進行定位。