關(guān)于定位position的四種方法!

1. position:fixed; ? ? ? ? ? ?固定定位 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 相對(duì)于整個(gè)頁(yè)面來(lái)定位的,即使你滾動(dòng)頁(yè)面它的位置也不會(huì)發(fā)生改變没讲。

2. position:relative; ? ? ? ?相對(duì)定位 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 相對(duì)于自身來(lái)定位芯肤】致兀可以用top,bottom叠赐,left彼哼,right來(lái)改變它的位置。因?yàn)橄鄬?duì)于自身定位所以left:10px;后那它就會(huì)往right移動(dòng)10px展父。個(gè)人覺(jué)得記它的屬性相反的方向會(huì)好理解一點(diǎn)返劲。

3. position:absolute;? ? ? 絕對(duì)定位? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 如果父元素里有relative那么就是針對(duì)父元素來(lái)定位的,沒(méi)有的話就是針對(duì)整個(gè)瀏覽器窗口來(lái)定位的栖茉±郝蹋可以用top,bottom吕漂,left亲配,right來(lái)改變它的位置。

4. position:static;? ? ? ? ? 默認(rèn)定位? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 默認(rèn)即靜止定位,是按照元素在(x)html出現(xiàn)的順序依次分配位置,static是不受top right left bottom影響的惶凝。若要清除定位時(shí)可使用static來(lái)消除定位的影響吼虎。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市苍鲜,隨后出現(xiàn)的幾起案子思灰,更是在濱河造成了極大的恐慌,老刑警劉巖混滔,帶你破解...
    沈念sama閱讀 221,198評(píng)論 6 514
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件洒疚,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡坯屿,警方通過(guò)查閱死者的電腦和手機(jī)油湖,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,334評(píng)論 3 398
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)领跛,“玉大人乏德,你說(shuō)我怎么就攤上這事「艚冢” “怎么了鹅经?”我有些...
    開(kāi)封第一講書(shū)人閱讀 167,643評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)怎诫。 經(jīng)常有香客問(wèn)我,道長(zhǎng)贷痪,這世上最難降的妖魔是什么幻妓? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 59,495評(píng)論 1 296
  • 正文 為了忘掉前任,我火速辦了婚禮劫拢,結(jié)果婚禮上肉津,老公的妹妹穿的比我還像新娘。我一直安慰自己舱沧,他們只是感情好妹沙,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,502評(píng)論 6 397
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著熟吏,像睡著了一般距糖。 火紅的嫁衣襯著肌膚如雪玄窝。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 52,156評(píng)論 1 308
  • 那天悍引,我揣著相機(jī)與錄音恩脂,去河邊找鬼。 笑死趣斤,一個(gè)胖子當(dāng)著我的面吹牛俩块,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播浓领,決...
    沈念sama閱讀 40,743評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼玉凯,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了联贩?” 一聲冷哼從身側(cè)響起漫仆,我...
    開(kāi)封第一講書(shū)人閱讀 39,659評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎撑蒜,沒(méi)想到半個(gè)月后歹啼,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,200評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡座菠,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,282評(píng)論 3 340
  • 正文 我和宋清朗相戀三年狸眼,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片浴滴。...
    茶點(diǎn)故事閱讀 40,424評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡拓萌,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出升略,到底是詐尸還是另有隱情微王,我是刑警寧澤,帶...
    沈念sama閱讀 36,107評(píng)論 5 349
  • 正文 年R本政府宣布品嚣,位于F島的核電站炕倘,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏翰撑。R本人自食惡果不足惜罩旋,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,789評(píng)論 3 333
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望眶诈。 院中可真熱鬧涨醋,春花似錦、人聲如沸逝撬。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,264評(píng)論 0 23
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)宪潮。三九已至溯警,卻和暖如春趣苏,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背愧膀。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,390評(píng)論 1 271
  • 我被黑心中介騙來(lái)泰國(guó)打工拦键, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人檩淋。 一個(gè)月前我還...
    沈念sama閱讀 48,798評(píng)論 3 376
  • 正文 我出身青樓芬为,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親蟀悦。 傳聞我的和親對(duì)象是個(gè)殘疾皇子媚朦,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,435評(píng)論 2 359

推薦閱讀更多精彩內(nèi)容

  • 問(wèn)答題47 /72 常見(jiàn)瀏覽器兼容性問(wèn)題與解決方案? 參考答案 (1)瀏覽器兼容問(wèn)題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,756評(píng)論 1 92
  • Html 標(biāo)簽 斜體 粗體 單獨(dú)的樣式 引用文本 長(zhǎng)文本引用 換行 空格 分割線 地址信息 單行代碼 多行代碼 無(wú)...
    SunnySky_閱讀 557評(píng)論 0 5
  • CSS的position總是屬性很容易讓人弄混~ 為了仔細(xì)區(qū)別它們日戈,所以今天總結(jié)一下CSS的position屬性~...
    fehysunny閱讀 2,928評(píng)論 0 7
  • 在一個(gè)車(chē)水馬龍询张,每天都很忙碌的城市。即將畢業(yè)的我有點(diǎn)顯得迷茫浙炼,大學(xué)還沒(méi)有談過(guò)戀愛(ài)的我有點(diǎn)可惜份氧。可是生活不就是在一個(gè)...
    翊聲閱讀 340評(píng)論 0 2
  • 不知不覺(jué)間厅缺,工作已近十年。也經(jīng)歷了好些風(fēng)格迥異的老板宴偿,期間有過(guò)驚喜湘捎,恐慌,磨合窄刘,但我特別慶幸---更多的是窥妇,是由衷...
    魚(yú)不羈閱讀 1,794評(píng)論 1 0