Mfano wa sababu ya maelezo wa mifano ya sababu ya kusababisha

Muagiza na Matumizi

position Muagiza na kumwambia mazingira wa kusababisha kwa sababu ya ukubwa wa hatua (sitharau, sawa, sasababisho au sawa kwenye mazingira).

Tazama pia:

CSS Mwongozo wa Mafundisho:CSS Kuagiza na Kusababisha

CSS Mwongozo wa Mfano:position 属性

实例

例子 1

将

元素的定位从相对定位更改为绝对定位：

document.getElementById("myDIV").style.position = "absolute";

亲自试一试

例子 2

使用不同的定位类型：

function myFunction(x)  {
  var whichSelected = x.selectedIndex;
  var posVal = x.options[whichSelected].text;
  var elem = document.getElementById("myDiv");
  elem.style.position = posVal;
}

亲自试一试

例子 3

返回

元素的定位：

alert(document.getElementById("myH2").style.position);

亲自试一试

语法

返回 position 属性：

object.style.position

设置 position 属性：

object.style.position = "static|absolute|fixed|relative|sticky|initial|inherit"

属性值

值 描述
static 元素按照它们咋文档流中出现的顺序呈现。默认。
absolute 元素相对于它的第一个定位的（非静态）祖先元素进行定位。
fixed 元素相对于浏览器窗口进行定位。
relative

元素相对于其正常位置进行定位。

因此 "left:20" 将元素的左侧位置增加 20 个像素。
sticky

元素根据用户的滚动位置进行定位。

粘性元素根据滚动位置在 relative 和 fixed 之间切换。

Ni kinaa ya hatua ya kinaa inayotarikia hadi kumwita na nafasi ya kinaa iliyotakayokeza katika kinaa kuu ya uangalifu - baadaye inasababisha kinaa hii ya kinaa kuwa kinaa ya hatua ya kinaa kwa nafasi ya kinaa hiyo (kama position:fixed).

Mafanikio:Hakuna tabia ya IE/Edge 15 au zaidi ya hivi karibuni. Safari inafaa katika barabara ya Webkit kuanzia 6.1.
initial Inasababisha kinaa hii ya kinaa kuwa kwa uangalifu wa kuzingatia. Tazama: initial.
inherit Inaingia katika aina hii ya kinaa kutoka kwa kinaa yake ya mwingine. Tazama: inherit.

Vivyo vya Teknolojia

Mwili: static
Matokeo: mashariki, inayotazamaa kinaa ya aina ya hatua ya kinaa.
CSS 版本： CSS2

Mwita wa kawaida

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Msaada Msaada Msaada Msaada Msaada