前端Day14

定位模式

在CSS中,position屬性用于定義元素的定位模式萄金。

屬性值如下:

static:默認(rèn)的文檔流的布局的方式?jīng)Q定了元素的位置就是靜態(tài)的定位方式蟀悦;

relative:相對于原來的位置進(jìn)行偏移;

absolute:根據(jù)父容器(必須是非static的定位的容器)進(jìn)行位置定位氧敢。

???????????????? 一般原則:子絕父相


fixed:固定在瀏覽器的某個(gè)位置日戈,瀏覽器scroll時(shí)不會(huì)發(fā)生變化。



relative與absolute組合:


1.參照定位元素必須是相對定位元素的前輩元素福稳;


2.參照定位元素必須加入position:relative涎拉;


3.定位元素加入position:absolute就可以相對定位元素移動(dòng)了瑞侮。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市鼓拧,隨后出現(xiàn)的幾起案子半火,更是在濱河造成了極大的恐慌,老刑警劉巖季俩,帶你破解...
    沈念sama閱讀 211,123評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件钮糖,死亡現(xiàn)場離奇詭異,居然都是意外死亡酌住,警方通過查閱死者的電腦和手機(jī)店归,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,031評論 2 384
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來酪我,“玉大人消痛,你說我怎么就攤上這事《伎蓿” “怎么了秩伞?”我有些...
    開封第一講書人閱讀 156,723評論 0 345
  • 文/不壞的土叔 我叫張陵,是天一觀的道長欺矫。 經(jīng)常有香客問我纱新,道長,這世上最難降的妖魔是什么穆趴? 我笑而不...
    開封第一講書人閱讀 56,357評論 1 283
  • 正文 為了忘掉前任脸爱,我火速辦了婚禮,結(jié)果婚禮上未妹,老公的妹妹穿的比我還像新娘簿废。我一直安慰自己,他們只是感情好教寂,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,412評論 5 384
  • 文/花漫 我一把揭開白布捏鱼。 她就那樣靜靜地躺著,像睡著了一般酪耕。 火紅的嫁衣襯著肌膚如雪导梆。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,760評論 1 289
  • 那天迂烁,我揣著相機(jī)與錄音看尼,去河邊找鬼。 笑死盟步,一個(gè)胖子當(dāng)著我的面吹牛藏斩,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播却盘,決...
    沈念sama閱讀 38,904評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼狰域,長吁一口氣:“原來是場噩夢啊……” “哼媳拴!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起兆览,我...
    開封第一講書人閱讀 37,672評論 0 266
  • 序言:老撾萬榮一對情侶失蹤屈溉,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后抬探,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體子巾,經(jīng)...
    沈念sama閱讀 44,118評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,456評論 2 325
  • 正文 我和宋清朗相戀三年小压,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了线梗。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,599評論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡怠益,死狀恐怖仪搔,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情蜻牢,我是刑警寧澤僻造,帶...
    沈念sama閱讀 34,264評論 4 328
  • 正文 年R本政府宣布,位于F島的核電站孩饼,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏竹挡。R本人自食惡果不足惜镀娶,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,857評論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望揪罕。 院中可真熱鬧梯码,春花似錦、人聲如沸好啰。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,731評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽框往。三九已至鳄抒,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間椰弊,已是汗流浹背许溅。 一陣腳步聲響...
    開封第一講書人閱讀 31,956評論 1 264
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留秉版,地道東北人贤重。 一個(gè)月前我還...
    沈念sama閱讀 46,286評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像清焕,于是被迫代替她去往敵國和親并蝗。 傳聞我的和親對象是個(gè)殘疾皇子祭犯,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,465評論 2 348

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

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,734評論 1 92
  • position屬性比起其他的基礎(chǔ)屬性來講要復(fù)雜一些滚停,我在這試著把里面的門道全部總結(jié)出來沃粗。 目前position有...
    microkof閱讀 3,611評論 3 5
  • 浮動(dòng)元素有什么特征陪每?對父容器、其他浮動(dòng)元素镰吵、普通元素檩禾、文字分別有什么影響? 特征: 1、浮動(dòng)元素會(huì)脫離正常的文檔流...
    我要認(rèn)真學(xué)前端閱讀 2,745評論 0 5
  • 一 外部式css樣式 (也可稱為外聯(lián)式)就是把css代碼寫一個(gè)單獨(dú)的外部文件中疤祭,這個(gè)css樣式文件以“.css...
    KunMitnic閱讀 931評論 0 1
  • CSS的position總是屬性很容易讓人弄混~ 為了仔細(xì)區(qū)別它們盼产,所以今天總結(jié)一下CSS的position屬性~...
    fehysunny閱讀 2,912評論 0 7