css定位佈局問題,DIV CSS佈局的問題(相對和絕對定位)

時間 2022-08-10 19:45:05

1樓:明媚若溪

建議不要用絕對定位,其實這種情況可以把「您好, [請登入] [免費註冊] 」放在一個div中,並對其固定大小,之後讓該div使用float:left;和margin-left:50px;當然margin-left的具體數值還是親自試試為好。

之後再對「設為首頁 收藏本站 會員中心」放到一個div中並對其固定大小,用margin-left直接控制位置或者用float:right;和margin-right都可以,我一般直接用margin-left。此外,如果字型高低外接不正的話別忘了用line-height

總之儘量不要用絕對定位,事實證明那樣總會漂,還有就是瀏覽器適應問題主要是針對ie核心和火狐核心的,大家都經常用css hack的寫法,你也可以查閱一下相關資料,祝你好運!

2樓:雜貨鋪小店

你給#topl1、#top3兩個設定寬度和高度,寬度之和等於頁面寬度,然後可以給#topl1、#top3設定padding-left,這樣應該沒什麼問題

3樓:匿名使用者

為什麼要使用絕對定位?

如果要使用的話需要在topl1、topl3的父層加相對定位

div+css佈局的問題(相對和絕對定位)

4樓:阡陌半緣君

div+css居然不用position?

是隨便看些div+css的頁面,檢視一下原始檔不就知道了?

元素為relative時,如果它沒有父級,則參照body定位,子元素為absolute時,參照父級定位.所以,用得多的方法是 父元素相對,子元素絕對

5樓:寒雲

定義標籤的時候需要不需要

(position:relative或者position:absolute

還有visibility:visible)——根據實際情況而定

可為什麼前臺老師講的時候不定義這個也可以做出來頁面呢?

——大部分可以做出來,但有些確實需要用到絕對定位和相對定位,可以方便很多

還有 float屬性只用在relative定位的時候嗎?

——不是的,反而這兩個屬性經常不在一起

只用position:absolute而不用position:relative的情況很少見,不易於維護,一般都是position:

absolute和position:relative結合使用

6樓:匿名使用者

需要的時候就定位。看情況而論的。

--float 不一定用在relative;

-一般學校教的東西都是很書面話的。跟實際操作不一樣。

你上面說的那些屬性,平常都會用到,但是是根據情況,然後用什麼。

7樓:匿名使用者

首先,一切定位都是相對的position:relative;和position:absolute;只是選折參照物,讓其建立一個內在的關係而已。

在用left:40; top:30;這樣的定位實質上是相對於html標籤在定位。

也許你的前臺老師說的應該是這樣的定位。所以說不需要position:relative;和position:

absolute; 你老師說這樣的話是有前提的.可能你沒有聽到前面的前提吧. 所以說設定position:

relative;和position:absolute;沒有一定不,也沒有一定要!float屬性和position屬性沒有絕對的關係.

css,佈局問題,定位問題

8樓:討論板

你好:relative :  物件不可層疊,但將依據left,right,top,bottom等屬性在正常文件流中偏移位置

頁面只有一個div,偏移位置你也看不出來阿~~放兩個就行了

9樓:藍se禁藥

只加position:relative沒用啊,加上left,right,top,bottom等屬性才會偏移。

css裡面相對定位和絕對定位哪個會影響佈局?

10樓:冉姑娘

都有可能影響你的佈局;

相對定位:是相對於某一個元素進行定位,這個元素可能是一個div也可能是一個span標籤,根據你的需要來定;然後,可以通過設定垂直或水平位置,讓這個元素「相對於」它的起點進行移動。

絕對定位:絕對定位是以整個頁面最左上角的位置為座標進行定位,而你所設定的數值也是根據左上角的位置來確定,

這兩個都會對我們的佈局產生一定的影響,我們要做的就是根據我們的需要,讓他們儘可能的調整位置,不影響我們的佈局

11樓:匿名使用者

相對定位會根據原來的位置進行移動,之前的位置被空了出來,會影響頁面佈局。

絕對定位脫離了文字流,不會影響佈局。

12樓:匿名使用者

都會影響佈局。假設現在有一個二維的座標系(x,y)座標系,在(1,1)這個地方我們有一個點a,現在用絕對定位去定位點b(2,2),這樣的話b點的座標相對於座標系來說就是在(2,2)這個點上。如果是用相對定位(2,2)去定義b點,那麼b點對於整個座標系來說的座標就是(3,3)。

不知道你能不能聽明白。

13樓:

二樓正解, 相對定位 是相對於於當前父級div來定位 ,絕對定位是相對於整個頁面body來定位

在css定位佈局中,一般遵循 外部相對定位,內部絕對定位 這是為什麼呢

14樓:匿名使用者

預設情況下,所有的元素都是靜態定位(position: static),在預設情況下,如果:

content

這時候,如果內部#content 這個div使用絕對定位,那麼這個內部div#content 不是相對於外部div#wrap來定位,而是相對於div#wrap的祖先元素中包含(position:relative; 或者 position:absolute;)的那個祖先元素來定位,如果div#wrap的祖先元素都沒有(position:

relative; 或者 position:absolute;),那麼div#content相對於來定位。

一旦外部的div#wrap是position:relative; 或者 position:absolute;,那麼div#content相對於div#wrap定位。

就是把div#wrap的左上點當做(0,0)座標,div#wrap(div#wrap的高度是height,寬度是width)的右下點當做(width,height)座標。

15樓:我從小就想飛

因為在裡面巢狀的時候子div繼承父div(容器)

子div想要實現相對於父div的絕對定位的話,不能直接使用絕對定位,而是因為先在父div(容器)加上相對定位

16樓:倚劍紅塵

外部相對定位,可以讓頁面在不同解析度顯示器下顯示位置一樣。內部div在於分配頁面具體內容可以絕對定位,這樣可以讓不同內容按頁面要求佈局

html+css中關於絕對定位和相對定位定位的優缺點以及該注意的地方,現在最好的定位方式是怎麼定位?

17樓:劇誼

哥們,這個問題是不能這麼問的,語言都是根據需求設計出來的。都有用處。你自己用得多了就明白了。

一般絕對定位經常是需要有相對定位的輔助的,絕對定位預設是根據來計算位置的,而往往網頁寫的時候經常並不能明確的知道你要把一個塊定位在那裡,這個塊距離的top和left是多少。

,這個是相對定位,設定了之後和沒有設定都沒什麼兩樣,的位置還是沒有變化的,但是如果在裡面放了絕對定位的塊,這個塊就可以以父元素所在的位置左上角作為基準來進行定位,而不再是以的左上角作為依據了。以父元素的左上角來做基準是不是方便多了。

相對定位本身用的比較少,一般都和絕對定位配合用,具體可以去了解下

18樓:珞珈山水太美麗

div+css佈局很少用定位,除非做些特效或有必要才定位。

div的佈局就像**那樣巢狀,

如果要問絕對定位好還是用相對定位好?

因為絕對定位(和文件流沒關係)如無申明,則其是對與body而言的,處理不好的話。如顯示器尺寸變了,可能就會變型。

相對定位的元素屬文件流,所以穩定的,相對定位是相對他該出現的位置,如無設top left之類,和普通div基本一樣。

一般的絕對定位是這樣用的,父元素要是相對定位的且須有佈局,如有個高度,這樣子元素用絕對定位,就可以相對它的父元素進行絕對定位,父元素若不這樣做,那麼子元素用絕對定位其實是相對body定位。

19樓:蒼木綠痕

根據我自己的經驗來講吧

絕對定位能很好的控制html各個標籤之間的距離,為了距離的特殊要求吧,但是多種解析度看起來的效果會不一樣

相對定位的話,各個解析度看起來整體排版是一致的沒有最好的定位方式,主要看需求

20樓:雙六說影視

根據需要,靈活運用,

css定位佈局問題,在ie6.0 ie8.0都正常。就ie7.0不一樣

21樓:峰哥說藝術

需要單獨設定,ie6、ie7、ie8

【區別符號】:「\9」、「*」、「_」

【示例】: #tip

【說明】:因為ie系列瀏覽器可讀「\9」,而ie6和ie7可讀「*」(米字號),另外ie6可辨識「_」(底線),因此可以依照順序寫下來,就 會讓瀏 覽器正確的讀取到自己看得懂得css語法,所以就可以有效區分ie各版本和非ie瀏覽器(像是firefox、opera、google chrome、safari等)。

22樓:弭枋澤

應該是寬度問題吧。有沒有加:?ie7就是這個樣

23樓:匿名使用者

其他頁面顯示正常某個不正常就一定是相容出問題了.................

DIV CSS佈局的問題(相對和絕對定位)

阡陌半緣君 div css居然不用position?是隨便看些div css的頁面,檢視一下原始檔不就知道了?元素為relative時,如果它沒有父級,則參照body定位,子元素為absolute時,參照父級定位.所以,用得多的方法是 父元素相對,子元素絕對 寒雲 定義標籤的時候需要不需要 posi...

div css的絕對定位和相對定位

絕對定位 absolute 將被賦予此定位方法的物件從文件流中拖出,使用left,right,top,bottom等屬性相對於其最接近的一個最有定位設定的父級物件進行絕對定位,如果物件的父級沒有設定定位屬性,即還是遵循html定位規則的,則依據 body 物件左上角作為參考進行定位。絕對定位物件可層...

CSS關於盒子模型的定位問題,學習css盒子模型是遇到了點問題,當兩個盒子巢狀在一起時margin和padding怎定義的?請高手看圖解釋一下!

如果你清楚position absolute 的定義,就不會有這個問題。絕對定位的偏移需要有個相對點,按照定義,從這個絕對定位元素開始向上查詢父元素直到body,找到的第一個定義了position absolute 或者position relative 的父元素就是此元素的相對點,如果沒有就相對b...