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轴上具有相应的位置
• 固定定位用于将元素保持在同一固定位置，即使文档滚动也是如此。无论是否被包含在应用了相对定位或绝对定位的元素中，固定定位的元素总是相对于视口进行定位。