1. 程式人生 > >position定位

position定位

定位 otto 默認值 聲明 ati ria left 屏幕 媒體

Position屬性:static、relative、absolute、fixed

position:static 無定位

該屬性值是所有元素定位的默認情況,在一般情況下,我們不需要特別的去聲明它,但有時候遇到繼承的情況,我們不願意見到元素所繼承的屬性影響本身,從而可以用position:static取消繼承,即還原元素定位的默認值。

position:relative 相對定位

相對定位是相對於元素默認的位置的定位。top、bottom、left、right四個數值配合,來明確元素的位置。

如果要讓div層向下移動10px,左移20px:
我們可以這樣寫:div{position:relative;top:10px;left:20px;}

position:absolute 絕對定位

使用position:absolute,能夠很準確的將元素移動到你想要的位置。

當父級position:relative時,子集position:absolute並配合top、bottom、left、right值可將子集定位在父級的指定位置。

position:fixed 相對於窗口的固定定位

在屏幕媒體如WEB瀏覽器中,元素在文檔滾動時不會在瀏覽器視察中移動。

position定位