html中元素定位

定位:元素通過定位屬性與定位座標確定顯示位置.

屬性position

static : 

無特殊定位，物件遵循html定位預設規則 

fiexd:固定定位

relative:相對定位

absolute：絕對定位

四個座標:

left 左,right 右,top 頂,botton 底

固定定位fixed

l  給元素設定了定位屬性後，層級變高，脫離了地面（包圍層元素的高度變小）

l  如果值設定了固定定位的屬性，沒有設定定位座標，元素會停留在原來的位置，但是不佔空間

l  固定定位是相對為「瀏覽器視窗」來進行的定位

l  定位座標時元素的邊線相對於瀏覽器視窗的位置。

l  相對定位的參照物：原來的自己

l  如果沒有設定定位屬性，元素會停留在原來的位置，原來的空間還在

l  如果設定了定位座標，層級會高於普通元素，會相對於原來的自己移動，遠離的空間也還在。

絕對定位absolute

l  如果父元素（包圍層），沒有設定定位，定位元素（div3）會相對於瀏覽器視窗定位

l  如果父元素（包圍層

box），設定了相對定位，

div3

設定了絕對定位，

div3

會相對于父元素（

box）來實現定位。

（實際應用之多的一種方式）

HTML中元素的定位方式

初中物理就學過，位置是相對的，要有參照物，因此，所有定位都是相對參照物的定位。position 屬性 規定元素的定位型別，該屬性的可選值有static relative absolute fixed inherit。定義了position屬性後，經常還要定義相對參照物的偏移量，即left，right...

css中元素定位

在html中網頁可以看成乙個立體的空間，乙個完整的頁面是由很多個頁面堆積形成的，如下圖所示 css中position屬性有四個可選值，它們分別是 static absolute fixed relative。position static無定位 該屬性值是所有元素定位的預設情況，在一般情況下，我們不...

html中元素分類

html 元素可分為3類 塊元素 block 內聯元素 in line 可變元素 內聯元素又可以稱之為內嵌元素 行內元素，都一樣，只是叫法不同。內聯元素與塊元素的區別在哪呢？塊元素 在預設情況下會換行顯示 也就是每新建乙個塊元素會自動在下一行顯示 內聯元素 在預設情況下會在一行內顯示 也就是正好與塊...