1樓:閃亮登場
定位很多種,不只絕對和相對。
div絕對定位是指相對於整個頁面的位置,相對定位是指相對於父div的位置,float屬性是div浮動可以讓div 向左或者向右,還可以居中。
絕對定位 相對定位,物件不可層疊,可以通過left,right,bottom,top等屬性在正常文件流中偏移位置,可以通過z-index進行層次分級。
a bsolute 脫離文件流,通過left,right,bottom,top等屬性在正常文件流中偏移位置,選取其最近的父極定位元素,當父級元素position為static時,該元素將以body座標原點進行定位,可以通過z-index進行層次分級。
2樓:匿名使用者
關於div相對定位和div絕對定位的說明。
a:均不設定postion,一般巢狀關係。
b:僅外div設定relative,一般巢狀關係。
c:僅內div設定absolute,文件中為巢狀關係,頁面中內div浮起[非float],相對於頁面定位,與外div無關。
d:外div設定relative,內div設定absolute,內div浮起來並相對於外div定位。
d:外div設定relative,內div設定relative,內div浮起來並相對於外div定位。
e:這個是說明邊界問題。-10 !=反向10px間距。
3樓:匿名使用者
div 如果在其他的div 或者 table 裡,所寫的高和寬百分比是相對的。
如果是獨立的就是絕對的。
float是浮動的。
css絕對定位和相對定位的區別
4樓:山東文匯軟體
一:絕對定位。
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的型別。
5樓:林學禮
絕對定位(absolute)意思是:將被賦予此定位方法的物件從文件流中拖出,使用left,right,top, bottom等屬性相對於其最接近的乙個最有定位設定的父級物件進行絕對定位,如果物件的父級沒有設定定位屬性,即還是遵循html定位規則的。
相對定位(relative)意思:物件不可層疊,依據left,right,top,bottom等屬性在正常文件流中偏移自身位置。同樣可以用z-index分層設計。
層疊樣式表(英文全稱:cascading style sheets)是一種用來表現html(標準通用標記語言的乙個應用)或xml(標準通用標記語言的乙個子集)等檔案樣式的計算機語言。css不僅可以靜態地修飾網頁,還可以配合各種指令碼語言動態地對網頁各元素進行格式化。
css 能夠對網頁中元素位置的排版進行畫素級精確控制,支援幾乎所有的字型字型大小樣式,擁有對網頁物件和模型樣式的能力。
6樓:網友
div css中的絕對定位和相對定位的區別,我從網上看了好多,都沒個詳細的說法,其實也不用搞到那麼複雜的。
先說相對定位:跟它的名一樣,相對嘛,要有乙個參照物,但這個參照不是別的,是它自己呢,也就是說沒設相對定位的位置,那你會問了,設沒設都在那個位置為什麼要設呢,因為只有設定了才能使 top,left這些生效,也就是設了才能相對自己原來的位置偏移,原來的位置保留著,偏移後會把其它的層遮罩住。
再說絕對定位:在佈局裡不可能有絕對定位的,再怎麼樣都有乙個參照位置的,絕對定位的參照位置就不像相對那樣是自己了,至於是哪個,就看它的上級或上上級有沒有定位了,也就是有沒有position:relative;或position:
fixed了,好像position:inherit;也行,前面兩個可以,後面那個不設什麼的不用也行,最好用position:relative;吧,轉入正題,當要絕對定位的層設好要參照位置的層後,就可以用top,left這些來定位置了,如果它的上級或上上級都沒定位的話只就會根據body的位置來定位了,還有最後一點,絕對定位是不佔位置的,它會像ps的圖層一樣單獨做一層,至於第幾層你可以通過z-index:
這個屬性來設定。
css中的絕對定位和相對定位有什麼區別
7樓:匿名使用者
個人的理解。相對定位:在原位置上佔用空間,可以設定浮動的上下位置。
絕對位置:在原位置上,不佔用空間,設定位置會以整個頁面為標準。--以下是複製別人的 --一。
相對定位。相對定位是乙個非常簡單容易掌握的概念,如果對乙個元素進行相對定位,他將出現在其他所在的位置上。然後,可以通過設定垂直或水平位置,讓這個元素「相對於」他的起點進行移動。如果將top設定為20畫素,那麼框將出現在原來位置頂部下面20畫素的地方。
如果將left設定為20畫素,那麼會在元素左邊建立20畫素的空間,也就是將元素向右移動。
二。絕對定位。
相對定位實際上被看做普通流定位模型的一部分。因為元素的位置相對於它在普通流中的位置。與之相反,絕對定位使元素的位置與文件流無關,因此不佔據空間。
普通文件流中其他元素的佈局就像絕對定位的元素不存在時一樣。
css中絕對定位和相對定位是什麼意思?通常都是怎
1 新建乙個html檔案輸入兩個div標籤,接著使用style屬性,分別給div設定為絕對定位absolute和相對定位relative,讓他們其中全部向左移動20px,向上移動30px的距離 2 然後儲存檔案開啟瀏覽器看看效果,位置顯示還是比較明顯的 3 最後解釋下這個結果,絕對位置就是對瀏覽器頁...
父元素相對定位,子元素絕對定位,怎樣能使父元素隨子元素的高度
這位你好,絕對定位的元素已經脫離了文件流,父元素是不會隨子元素高度變化的。css裡面定位 如果子元素是絕對定位的話 父元素必須是相對定位嗎 可不可以是絕對定位 絕 絕對定位裡面可以放絕對定位,不管是絕對定位還是相對定位,都是按照需求來定的,不是寫死的。絕對定位是脫離文件流的,可以包含絕對定位。子元素...
DIV CSS佈局的問題(相對和絕對定位)
阡陌半緣君 div css居然不用position?是隨便看些div css的頁面,檢視一下原始檔不就知道了?元素為relative時,如果它沒有父級,則參照body定位,子元素為absolute時,參照父級定位.所以,用得多的方法是 父元素相對,子元素絕對 寒雲 定義標籤的時候需要不需要 posi...