css中寫div為什麼有的時候同樣的寫法,div不能出現在想要的位置,float和position

時間 2024-12-27 16:30:06

1樓:網友

如果用css3寫的話,可能會出現不同瀏覽器看效果圖,會有所不同。因為有些老版瀏覽器不支援。一般有層疊關係顯示,我們就用position(必須定義元素寬度),同時相關的可用top,right,bottom,left定位,層疊關係顯示用x-index。

而float中若有父子關係,子元素浮動(使用clear:清除浮動後)是預設覆蓋父元素的。並且浮動是向左,向右的最大位移。

如果,是同級元素,兩個塊級元素會佔滿兩行,想讓他們在同一行顯示,就可以用到float。

此外,關於position,有許多相關的詳細說明,可以上裡查詢。並且請一定要理解透徹。同時,使用float後,仍要注意的問題,就是清除浮動的負效應:

脫離文件流。清除浮動的**使用在不同瀏覽器中也有不同的幾種。請查詢相關資料去了解。

如果使用浮動較多,可以寫乙個例如。clearfix後,然後直接呼叫類名。clearfix同意,

2樓:網友

因為不同瀏覽器解釋標籤**方法不同,所以儘量用相容的標籤。

乙個div能不能即用float,同時又用position進行定位

3樓:茉聞花名

用是可以用的,但是你要考慮為什麼要一起用?你浮動,本身就是給它的乙個定位,你還為什麼要加乙個定位??這不是有點矛盾了嗎?

比如說,你float:right,是讓它浮動在右側,但是你又加了個position:absolute給它絕對定位下,肯定會失效呀,就好些說,你剛才叫它站在右邊,然後就叫它站的乙個固定的地方,這不是矛盾了嗎?

所以你要考慮下你的**的問題,雖然說css**寫了失效沒多大的關係,但是這是你邏輯的問題。**什麼時候該用,什麼時候不要用,你要清楚,很多時候都會強調**要精簡。

在css 中,用 float 和 position 的區別是什麼

4樓:育知同創教育

css佈局浮動(float)和定位(position)屬性的區別:

1、postion:relative是子塊級元素面向父級元素的相對定位,定位關鍵字使用left/right/top/bottom。兄弟塊元素之間相對進行定位,但是position移動後,原位置依然保留。

而且隨後的兄弟塊元素定位基於被移走前的位置。

二者之中最大的差別就是位置保留。

3、同時應用position: absolute和float: left會導致清除浮動無效(position: relative則可以清除浮動)。

常用的清除浮動的方法有兩種:

通過在容器中新增乙個標籤,設定該標籤的樣式為 clear: both容器設定overflow: hidden

我是div效果:

5樓:六媚其安蓮

兩者是有絕對的區別的,float是時元素浮動,而position是用來給乙個元素定位的。

1、float的定義和常見用法:

float屬性定義元素在哪個方向浮動。以往這個屬性總應用於影象,使文字圍繞在影象周圍,不過在。

css中,任何元素都可以浮動。浮動元素會生成乙個塊級框,而不論它本身是何種元素。、例項如下:

float屬相使得塊級元素的div可以在同一行並排,效果如下:

2、position定義和用法:

這個屬性定義建立元素佈局所用的定位機制。任何元素都可以定位,不過絕對或固定元素會生成乙個塊級框,而不論該元素本身是什麼型別。相對定位元素會相對於它在正常流中的預設位置偏移。

其屬相值有:

絕對定位的例項:

通過絕對定位,元素可以放置到頁面上的任何位置。下面的標題距離頁面左側 100px,距離頁面頂部 150px。

效果如下:

css中兩個div全是float,如何讓乙個div在這個div上部

6樓:北漠

你可以給需要設定在上面的這個div加乙個z-index的屬性,比如z-index:999;不影響另乙個div的方法是給這兩個div的父級元素設乙個overflow:hidden;這是兩個div並列的寫法。

7樓:過兒無敵

如果是「日」字這種上下分佈的話,就可以通過 position: relative;或 position: absolute; 來定位。

如果是空間上的乙個上,乙個下的話,那就肯定會受影響。

8樓:網友

兩個div的佈局是什麼樣的,還有兩個div外面有容器麼,用絕對定位進行了,給下方的div加上,position: relative;

css樣式表中,如何將乙個div標籤相對於另外乙個div進行絕對定位

9樓:立青日月

有幾個方法:

一種:div1設定為position:relative,div2設定為position:absolute,此時的div2就相對於div1進行基準定位了。。。

因為絕對定位position:absolute,不在標準流中,所以內聯元素不知到他的位置,會跑到他的下面去。。。這裡就看你需要什麼樣式了,如果簡單的可以用padding和margin配合完成,讓內聯元素出來。。

但螢幕縮小放大就變形了。。

二種,就是你改寫一下你的html

把div2放到div1裡面,裡面設定為float,再position:relative進行浮動後地位,這種方法比第一種好,這裡看你的需求了///

10樓:司馬唐遷

把div2放在div1裡,div1使用相對定位,div2使用絕對定位。

具體點的**查手冊,主要設定div2的top值和left值,自己試想要的效果。

為什麼父div裡面的子div會重合?css+div佈局問題

11樓:鰟鮍魚

如果乙個元素設。

bai置了絕對du

定位position:absolute,他就會脫離文件流zhi,即使dao你沒有設定偏移屬性,版它原來佔權的位置也會讓出來,所以排在絕對定位了的元素後面的元素會跑上去,到前面絕對定位了的元素原來所在的位置,所以就重疊了。

如果你只是想要用z-index這個屬性又不想破壞佈局,可以用相對定位position:relative;,相對定位元素是乙個「佔著茅坑不拉屎」的傢伙,意思就是即使它設定了偏移屬性而離開了它原來的位置,它原來的位置也不會讓出來給別人的,好像它沒有離開一樣。

能不能用css寫乙個div,這個div不會影響到其他div,也不會被其他div影響

12樓:網友

加上class,且class的類名不同就不會被影響到了。比如。

a1和a2是不會相互影響到的。除非你對div用了通用樣式。

13樓:因愛被叛無妻

你寫div的目的是什麼?正常排版的話,為啥會亂寫margin呢?

如果想讓乙個div完全不受影響,可以用定位。就是你寫的absolute 或者fixed也可以。但是這需要根據你頁面的排版來定。如果是新手,可以加我,有問題隨時聯絡。

14樓:俠客視界

float的用法和position的用法,不要混在一起了,容易混淆要麼就全部用position來定位。

要麼就全部用float來搞定。

請參看資料。

CSS裡面的的為什麼有逗號,CSS中群組選擇器一定要用逗號隔開嗎?為什麼我看到這個不需要呢

ad stu ad 2 ad house 這裡用了逗號,作用是表示這3個class用的是相同的css屬性。而如果用空格,變成這樣 ad stu ad 2 ad house,其意思就全變了。這樣用空格分開,變成了在ad stu這個容器裡有一個叫ad 2的容器,而在ad 2這個容器裡,又包含著一個叫ad...

為什麼有的警車上寫警察,有的寫公安呢

因為他們所屬的機關單位不同。首先,公安是警察的一部分,警察裡面就包括公安警察,公安是警察裡面的一個大類,在我們老百姓的眼中,公安就是在公安局上班的人,實際上,這些在公安機關中的人員是維護國家公共安全的人民警察,簡稱為 公安民警 目前在路上看到有一些警車上具有 公安 的安樣,又具有 警車 的字樣,實際...

為什麼有的時候風助火威,有的時候風抑火勢

風助火威是因為風提供了大量的氧氣,風抑火勢是因為風吹散了熱量。 熊熊佳秉 因為風會帶來大量的氧氣,或者會吹散大量的熱量。 香香甜甜的 有時候會提供大量的氧氣造成火勢加大。有時候吹散熱量會抑制火勢的蔓延。 糾結的迴圈 原來,風是由空氣流動形成的,它主要有兩種作用 帶來新鮮的空氣 帶走熱量。前者是有利於...