關(guān)于定位布局中的相對(duì)定位

sherlock221 發(fā)布于2019-08-30 13:22 / 2457人閱讀

摘要：關(guān)于中定位布局的相對(duì)定位相對(duì)定位一個(gè)最大特點(diǎn)是自己通過(guò)定位跑開(kāi)了還占用著原來(lái)的位置，不會(huì)讓給他周?chē)闹T如文本流之類(lèi)的對(duì)象。相對(duì)定位也比較獨(dú)立，做什么事它自己說(shuō)了算，要定位的時(shí)候，它是以自己本身所在位置偏移的相對(duì)對(duì)象本身偏移。

關(guān)于CSS中定位布局的相對(duì)定位-relative

相對(duì)定位一個(gè)最大特點(diǎn)是：自己通過(guò)定位跑開(kāi)了還占用著原來(lái)的位置，不會(huì)讓給他周?chē)闹T如文本流之類(lèi)的對(duì)象。相對(duì)定位也比較獨(dú)立，做什么事它自己說(shuō)了算，要定位的時(shí)候，它是以自己本身所在位置偏移的（相對(duì)對(duì)象本身偏移）。

相對(duì)定位常與絕對(duì)定位結(jié)合用，一般是給父級(jí)設(shè)定相對(duì)定位方式，子級(jí)元素就可以相對(duì)它進(jìn)行方便的絕對(duì)定位了




    
    Document

GPU云服務(wù)器云服務(wù)器相對(duì)定位-絕對(duì)定位相對(duì)定位相對(duì)定位自適應(yīng) 布局定位

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/115505.html

相關(guān)文章

關(guān)于定位布局中的相對(duì)定位

摘要：關(guān)于中定位布局的相對(duì)定位相對(duì)定位一個(gè)最大特點(diǎn)是自己通過(guò)定位跑開(kāi)了還占用著原來(lái)的位置，不會(huì)讓給他周?chē)闹T如文本流之類(lèi)的對(duì)象。相對(duì)定位也比較獨(dú)立，做什么事它自己說(shuō)了算，要定位的時(shí)候，它是以自己本身所在位置偏移的相對(duì)對(duì)象本身偏移。關(guān)于CSS中定位布局的相對(duì)定位-relative 相對(duì)定位一個(gè)最大特點(diǎn)是：自己通過(guò)定位跑開(kāi)了還占用著原來(lái)的位置，不會(huì)讓給他周?chē)闹T如文本流之類(lèi)的對(duì)象。相對(duì)定位也比...

MorePainMoreGain 2019-08-01 16:11 評(píng)論0 收藏0
css隨堂筆記（三）

摘要：隨堂筆記三關(guān)于背景圖片設(shè)置背景圖片圖片的路徑背景圖片位置方位名詞背景位置如果只設(shè)置一個(gè)方位詞，另外一個(gè)默認(rèn)居中如果設(shè)置的值是兩個(gè)方位詞，與順序無(wú)關(guān)數(shù)值背景位置如果設(shè)置的值是數(shù)字一個(gè)值得時(shí)候，表示水平方向的位移，垂直方向默認(rèn)居中兩個(gè)值得Css隨堂筆記（三） 1 關(guān)于背景圖片 ? A 設(shè)置背景圖片：background-image：url(圖片的路徑)； ? B 背景圖片位置： backgrou...

focusj 2019-04-23 13:26 評(píng)論0 收藏0
CSS布局 ——從display，position， float屬性談起

摘要：生成相對(duì)定位的元素，相對(duì)于元素本身正常位置進(jìn)行定位。元素的位置通過(guò)以及屬性進(jìn)行規(guī)定。因?yàn)榻^對(duì)定位與文檔流無(wú)關(guān)，所以絕對(duì)定位的元素可以覆蓋頁(yè)面上的其他元素，可以通過(guò)屬性控制疊放順序，越高，元素位置越靠上。頁(yè)面布局，或者是在頁(yè)面上做些小效果的時(shí)候經(jīng)常會(huì)用到 display,position和float 屬性，如果對(duì)它們不是很了解的話(huà)，很容易出現(xiàn)一些莫名其妙的效果，痛定思痛讀了《CSS Maste...

hover_lew 2019-04-23 13:44 評(píng)論0 收藏0
容易忽略的七個(gè)CSS知識(shí)點(diǎn)

摘要：樣式聲明通過(guò)一個(gè)稱(chēng)為級(jí)聯(lián)的過(guò)程來(lái)解釋和決定。級(jí)聯(lián)級(jí)聯(lián)可能是中最容易被弄錯(cuò)的屬性之一。因此很容易認(rèn)為元素的視覺(jué)邊界等于其寬度，但情況并非如此。如果你在日常工作中使用CSS，那么你的主要目標(biāo)很可能集中在使事情看起來(lái)是正確的。最終得到的正確結(jié)果遠(yuǎn)比如何實(shí)現(xiàn)更重要。這意味著相比正確的語(yǔ)法和視覺(jué)效果我們更少關(guān)注CSS的實(shí)現(xiàn)原理。你可能還沒(méi)有意識(shí)到，但CSS的視覺(jué)效果通常是操縱隱藏屬性的間接結(jié)...

chanthuang 2019-08-02 16:16 評(píng)論0 收藏0
容易忽略的七個(gè)CSS知識(shí)點(diǎn)

摘要：樣式聲明通過(guò)一個(gè)稱(chēng)為級(jí)聯(lián)的過(guò)程來(lái)解釋和決定。級(jí)聯(lián)級(jí)聯(lián)可能是中最容易被弄錯(cuò)的屬性之一。因此很容易認(rèn)為元素的視覺(jué)邊界等于其寬度，但情況并非如此。如果你在日常工作中使用CSS，那么你的主要目標(biāo)很可能集中在使事情看起來(lái)是正確的。最終得到的正確結(jié)果遠(yuǎn)比如何實(shí)現(xiàn)更重要。這意味著相比正確的語(yǔ)法和視覺(jué)效果我們更少關(guān)注CSS的實(shí)現(xiàn)原理。你可能還沒(méi)有意識(shí)到，但CSS的視覺(jué)效果通常是操縱隱藏屬性的間接結(jié)...

elina 2019-08-29 18:47 評(píng)論0 收藏0