14.定位

position :定位赴涵、固定位置,可以將元素?cái)[放到任意位置图云;

  • position:relative
  • 參照物是什么渤早?

相對(duì)定位

position: relative;
                /*左偏移*/
                left: 100px;
                /*以上邊為基準(zhǔn)偏移100px*/
                top:100px;

絕對(duì)定位

position: absolute;

  • 參照物:1.上級(jí)元素中有定位屬性的;
    2.并且找的是最近的有定位屬性的的父級(jí)洲胖;

固定定位

  • 參照物:瀏覽器可視區(qū)
    position: fixed;
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末济榨,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子绿映,更是在濱河造成了極大的恐慌腿短,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,820評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件绘梦,死亡現(xiàn)場(chǎng)離奇詭異橘忱,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)卸奉,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,648評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門(mén)钝诚,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人榄棵,你說(shuō)我怎么就攤上這事凝颇。” “怎么了疹鳄?”我有些...
    開(kāi)封第一講書(shū)人閱讀 168,324評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵拧略,是天一觀(guān)的道長(zhǎng)。 經(jīng)常有香客問(wèn)我瘪弓,道長(zhǎng)垫蛆,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 59,714評(píng)論 1 297
  • 正文 為了忘掉前任,我火速辦了婚禮袱饭,結(jié)果婚禮上川无,老公的妹妹穿的比我還像新娘。我一直安慰自己虑乖,他們只是感情好懦趋,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,724評(píng)論 6 397
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著疹味,像睡著了一般仅叫。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上糙捺,一...
    開(kāi)封第一講書(shū)人閱讀 52,328評(píng)論 1 310
  • 那天惑芭,我揣著相機(jī)與錄音,去河邊找鬼继找。 笑死遂跟,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的婴渡。 我是一名探鬼主播幻锁,決...
    沈念sama閱讀 40,897評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼边臼!你這毒婦竟也來(lái)了哄尔?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 39,804評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤柠并,失蹤者是張志新(化名)和其女友劉穎岭接,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體臼予,經(jīng)...
    沈念sama閱讀 46,345評(píng)論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡鸣戴,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,431評(píng)論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了粘拾。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片窄锅。...
    茶點(diǎn)故事閱讀 40,561評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖缰雇,靈堂內(nèi)的尸體忽然破棺而出入偷,到底是詐尸還是另有隱情,我是刑警寧澤械哟,帶...
    沈念sama閱讀 36,238評(píng)論 5 350
  • 正文 年R本政府宣布疏之,位于F島的核電站,受9級(jí)特大地震影響暇咆,放射性物質(zhì)發(fā)生泄漏锋爪。R本人自食惡果不足惜丙曙,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,928評(píng)論 3 334
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望几缭。 院中可真熱鬧河泳,春花似錦沃呢、人聲如沸年栓。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,417評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)某抓。三九已至,卻和暖如春惰瓜,著一層夾襖步出監(jiān)牢的瞬間否副,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,528評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工崎坊, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留备禀,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,983評(píng)論 3 376
  • 正文 我出身青樓奈揍,卻偏偏與公主長(zhǎng)得像曲尸,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子男翰,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,573評(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,759評(píng)論 1 92
  • 大家好租冠,我是IT修真院深圳分院第06期學(xué)員鹏倘,一枚正直善良的web程序員。 今天給大家分享一下顽爹,修真院官網(wǎng) CSS任...
    不二先森zZ閱讀 4,323評(píng)論 0 2
  • CSS的position總是屬性很容易讓人弄混~ 為了仔細(xì)區(qū)別它們第股,所以今天總結(jié)一下CSS的position屬性~...
    fehysunny閱讀 2,928評(píng)論 0 7
  • 1.浮動(dòng)元素有什么特征?對(duì)父容器话原、其他浮動(dòng)元素夕吻、普通元素、文字分別有什么影響? 浮動(dòng)元素 浮動(dòng)元素是設(shè)置float...
    Volcaner閱讀 353評(píng)論 0 0
  • 1.CSS基本概念 1.1 CSS的定義 CSS(Cascading Style Sheets)層疊樣式表繁仁,主要用...
    寥寥十一閱讀 1,839評(píng)論 0 6