没有顶部,右侧,左侧,底部的“位置:相对”是什么?

时间:2017-01-09 04:16:00

标签: html css css-position

我正在学习和研究一些最受欢迎的网站的HTML / CSS代码,我发现其中大多数都有“位置:相对”属性,没有通常的顶部,左侧,右侧,底部属性。

这会以某种方式影响页面流,还是像静态属性一样?

Example

2 个答案:

答案 0 :(得分:6)

简短回答:position: relative成为定位元素:

  • 这将主要影响它的子元素,现在相对于此元素position: absolute,而不是HTML。 (感谢Michael_B)
  • 如果沿层次结构没有固定宽度,则
  • width: xx%也与此父元素相关。
  • z-index现在可以使用此元素。

答案 1 :(得分:0)

为元素定义绝对位置时。它将基于最近的相对父级的位置。如果没有相对父级,则该位置将基于窗口页。