position定位
阿新 • • 發佈:2017-09-03
定位 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定位