div css絕對和相對定位有哪位給出說解

2023-04-18 01:30:05 字數 4500 閱讀 9099

1樓:匿名使用者

相對定位是普通流定位,相對定位的元素出現在它在普通流該出現的位置,普通流你可理解為文件流就行了。這個佔空間的。例子:

內容1內容2

內容3現在這個就是內容4的位置,比如內容4是相對定位的,他就該出現在內容4這個位置。就是說這個位置是它的起點,如果將top設為40px那他就出先在它該出現的位置(內容4)頂部以下40px的地方。(我說的是上下排,你也可以想到左右排。

一樣的),相對位置是佔空間的,因此移動他會覆蓋其他框。

絕對定位它的位置和文件流無關且不佔空間,這樣普通流中的其他元素的佈局(比如**裡內容4是絕對定位的)將內容4當做不存在,將內容5出現在內容4的位置,那麼內容4呢?其相對最近以定位的父元素,這裡說的內容4的父即body(dw裡的層就是這個東西了,有些人就這樣弄,結果瀏覽器尺寸變了,位置就不對了),正確的做法:絕對定位的元素它應在在一個父元素裡,這個父元素須是有定位的且有佈局(給個高度就可以了),用相對定位為例,現在這個絕對定位的元相對他的父元素定位的了;

注意這個只在以上才會相對他的父元素定位,其他瀏覽器也沒問題,要在以下這樣,還須寫些東西才可以,不寫了,你自己慢慢研究吧。

div+css佈局用絕對定位或相對定位一般比較少,特殊地方特殊用。

css中的絕對定位和相對定位有什麼區別?

2樓:惠企百科

position: absolute,絕對定位。position: relative,相對定位。

position:absolute,float會隱式地改變display的型別(display:none除外)。

即是當元素設定position:absolute、float:left、float:

right中任意一個時,都會讓元素以display:inline-block的方式顯示(特點是:可以設定長寬,預設寬度不佔滿父元素)。

css:層疊樣式表(英文全稱:cascading style sheets)是一種用來表現html(標準通用標記語言的一個應用)或xml(標準通用標記語言的一個子集)等檔案樣式的計算機語言。

css不僅可以靜態地修飾網頁,還可以配合各種指令碼語言動態地對網頁各元素進行格式化。

css絕對定位和相對定位的區別

3樓:山東文匯軟體

一:絕對定位。

position: absolute;絕對定位:絕對定位是相對於元素最近的已定位的祖先元素(即是設定了絕對定位或者相對定位的祖先元素)。

如果元素沒有已定位的祖先元素,那麼它的位置則是相對於最初的包含塊(body)。

絕對定位本身與文件流無關,因此不佔空間,普通文件流中的元素的佈局就當絕對定位的元素不存時一樣,所以 它們可以覆蓋頁面上其他的元素,且可以通過z-index屬性來控制這些層的對方順序。

#box_relative

二:相對定位。

position: relative;相對定位:相對定位是相對於元素在文件中的初始位置——首先它出現在它所在的位置上(即不設定position時的位置,然後通過設定垂直或水平位置,讓這個元素「相對於」它的原始起點進行移動;

注意,在使用相對定位時,無論是否進行移動,元素仍然佔據原來的空間。因此,移動元素會導致它覆蓋其它框。

#box_relative

注意:position:absolute,float會隱式地改變display的型別(display:

none除外)。即是當元素設定position:absolute、float:

left、float:right中任意一個時,都會讓元素以display:inline-block的方式顯示(特點是:

可以設定長寬,預設寬度不佔滿父元素)。這時,即使故意設定display:inline; display:

block都是無效的。

但是float在ie6下的雙邊距bug就是用display:inline; 來解決的。

position:relative不會隱式改變display的型別。

4樓:匿名使用者

div css中的絕對定位和相對定位的區別,我從網上看了好多,都沒個詳細的說法,其實也不用搞到那麼複雜的。

先說相對定位:跟它的名一樣,相對嘛,要有一個參照物,但這個參照不是別的,是它自己呢,也就是說沒設相對定位的位置,那你會問了,設沒設都在那個位置為什麼要設呢,因為只有設定了才能使 top,left這些生效,也就是設了才能相對自己原來的位置偏移,原來的位置保留著,偏移後會把其它的層遮罩住。

再說絕對定位:在佈局裡不可能有絕對定位的,再怎麼樣都有一個參照位置的,絕對定位的參照位置就不像相對那樣是自己了,至於是哪個,就看它的上級或上上級有沒有定位了,也就是有沒有position:relative;或position:

fixed了,好像position:inherit;也行,前面兩個可以,後面那個不設什麼的不用也行,最好用position:relative;吧,轉入正題,當要絕對定位的層設好要參照位置的層後,就可以用top,left這些來定位置了,如果它的上級或上上級都沒定位的話只就會根據body的位置來定位了,還有最後一點,絕對定位是不佔位置的,它會像ps的圖層一樣單獨做一層,至於第幾層你可以通過z-index:

這個屬性來設定。

css中的絕對定位和相對定位有什麼區別

5樓:匿名使用者

個人的理解。相對定位:在原位置上佔用空間,可以設定浮動的上下位置。

絕對位置:在原位置上,不佔用空間,設定位置會以整個頁面為標準。--以下是複製別人的 --一。

相對定位。相對定位是一個非常簡單容易掌握的概念,如果對一個元素進行相對定位,他將出現在其他所在的位置上。然後,可以通過設定垂直或水平位置,讓這個元素「相對於」他的起點進行移動。如果將top設定為20畫素,那麼框將出現在原來位置頂部下面20畫素的地方。

如果將left設定為20畫素,那麼會在元素左邊建立20畫素的空間,也就是將元素向右移動。

二。絕對定位。

相對定位實際上被看做普通流定位模型的一部分。因為元素的位置相對於它在普通流中的位置。與之相反,絕對定位使元素的位置與文件流無關,因此不佔據空間。

普通文件流中其他元素的佈局就像絕對定位的元素不存在時一樣。

html中div的相對定位與絕對定位

6樓:小天空的綜合資訊分享

正確的做法是給最外邊的div相對定位position:relative;

這時候不去考慮div1-div3

然後給diva絕對定位position:absalute;

再賦值:left:20%;top:20%;

就是:.div

.diva

css中,絕對定位和相對定位是什麼意思?通常都是怎麼用?

7樓:很多很多

1、新建一個html檔案輸入兩個div標籤,接著使用style屬性,分別給div設定為絕對定位absolute和相對定位relative,讓他們其中全部向左移動20px,向上移動30px的距離:

2、然後儲存檔案開啟瀏覽器看看效果,位置顯示還是比較明顯的:

3、最後解釋下這個結果,絕對位置就是對瀏覽器頁面左邊和頂部的距離,相對位置就是距離正常的標題的距離。以上就是css中絕對定位和相對定位的使用方法:

8樓:小迷虎兒

絕對定位是相對於父標籤決定位置,一般用於相對定位標籤裡面,js特效經常用到。

相對定位是相對於上一個相對定位的。一般用於浮動定位標籤裡面,一般跟絕對定位配合使用。

浮動定位才是常用的。

看例子:以下只說id名代表div

絕對定位:position:absolute

如果bq1(絕對定位)外面沒有div等父標籤,bq1會以body為父標籤。左邊距距body 10畫素,上邊距距body 10畫素。

如果bq4(絕對定位)在bq3(相對定位)裡面,左邊距距bq3 10畫素,上邊距距bq3 10畫素。

相對定位:position:relative

bq2(相對定位)總是相對於前面的同級標籤為基準標籤(bq1)。

bq3以bq2為基準標籤。

9樓:

這個簡單理解的話,有2點內容。

第一,不管是什麼,既然要定位,就需要有一個參照物相對定位的參照物是本身。

絕對定位的參照物就是父級元素,當父級元素中不存在相對定位,那麼它的參照物就是body

第二,產生的影響。

相對定位,設定後,原來的位置始終保留著。

絕對定位,設定後,原來的位置會被後面的內容佔據一般使用的話,看你需要實現什麼樣的效果,但基本基於上面2點內容來考慮。你稍微用幾次後就會有所體會的。

10樓:安徽大科公考

絕對定位和相對定位,都必須找到參照物。

一般參照物,是父元素,根元素,瀏覽器。

沒有參照物,一切都無法定位。記住這一點,對理解定位,很有幫助。

css絕對定位與相對定位的區別?

css絕對定位與相對定位的區別?

什麼叫相對引用和絕對引用

相對引用。公式中的相對單元格引用 例如。a1 是基於包含公式和單元格引用的單元格的相對位置。如果公式所在單元格的位置改變,引用也隨之改變。如果多行或多列地複製公式,引用會自動調整。預設情況下,新公式使用相對引用。例如,如果將單元格。b2中的相對引用複製到單元格。b3,將自動從。a1調整到。a2。絕對...

相對地址和絕對地址有什麼區別,絕對地址和相對地址有什麼區別

1 相對地址 相對路徑 可以理解某個區域相對位置 相對路徑在使用上比絕對路徑廣泛 方便 安全性更高 2 絕對地址 決定路徑 可以理解某個區域的準確位置 絕對路徑相對於相對路徑使用起來不方便 不安全 不靈活。絕對地址和相對地址有什麼區別 相對地址 就是被連結檔案相對與當前頁面的地址 絕對地址是http...

相對評價絕對評價各是什麼意思,相對評價和絕對評價各是什麼意思?

相對評價是在被評價物件的群體中建立基準 通常均以該群體的平均水平作為這一基準 然後把該群體中的各個物件逐一與基準進行比較,以判斷該群體中每一成員的相對優勢。絕對評價是將教學評價的基準建立在被評價物件的群體之外 通常是以教學大綱規定的教學目標為依據來制定這一基準 再把該群體中每一成員的某方面的知識或能...