css如何避免絕對定位覆蓋其他元素

2022-09-06 03:40:12 字數 3649 閱讀 6318

1樓:回憶

css避免絕對定位覆蓋其他元素,首先,在做定位的時候,確實是會出現覆蓋的問題,一般在確定left,top,bottom,right這些數值,一般都是精確的測量過,很少出現覆蓋,有問題的,通過js獲取到這個塊的left,top,bottom,right,動態的來控制,能避免出現這些問題,具體看**:

我是測試文字

2樓:匿名使用者

如果靠position定位的話自適應是不行的。

用float對齊。

或者是用js控制

parent的高度=c的高度

3樓:匿名使用者

parent 設定overflow:hidden; zoom:1;

css如何避免絕對定位覆蓋其他元素 10

4樓:匿名使用者

div//設定z-index屬性就好了,如果是0的話就是正常壓在父級上面的,設定小於0就可以了

5樓:匿名使用者

我沒懂, 你要絕對定位。就是脫離文件流,只要你調整left,top,值就好了啊

css絕對定位後,後面的元素怎麼繼著這個絕對定位元素佈局

6樓:網海1書生

可以另設一個絕對定位的層,緊接在前一個絕對定位的元素後面,然後把後面的其他靜態元素都放進這個層裡。

也可以把絕對定位的元素放到一個相對定位的元素裡面,並且把相對定位的元素調整到合適的大小,這樣後面的靜態元素就會緊接在這個相對定位的元素後面,不受絕對定位元素的影響

7樓:匿名使用者

一個絕對定位(x) 一個普通流(y) 不知道你要實現怎麼樣的效果?要不就y_height=y_height+x_height 覆蓋了y_height這部分,看上去也是你說的效果 要不然恐怕沒辦法了 如果只是兩個元素上下貼在一起 都是普通流 設定下margin-top值就ok了啊

8樓:匿名使用者

這種情況你應該用相對定位

9樓:匿名使用者

第一, 絕對定位的元素是不可能後面的元素在前一個元素後面的, 因為絕對定位是針對它們的容器(上一級帶有position的元素)來確定位置的. 你這裡要實現第二個在第一個後面, 應該使用相對定位.

第二, html的元素是分為塊元素和行內元素的, 塊元素預設是需要換行的, 行內元素才能挨著排列. 如果你使用的是塊元素來佈局, 則需要修改display為inline或者inline-block來改成行內元素顯示.

第三, 你要緊靠在元素後面, 使用float:left

怎樣解決css相對定位元素的後面不重疊

10樓:

因為relative相對定位是相對原位置的移動,不佔用偏移出來的位置.我自己用兩個方法:

1. 給需要定位的套個大的div,div用margin來調整位置.

2. 後面的元素margin-top=相對定位的top來解決.

11樓:匿名使用者

相對定位元素並沒有脫離文字流,所以後面元素按道理不應該往前擠。你可以截圖看看,順便,相對定位一般是用來作絕對定位的父容器。

頁面某一元素絕對定位,會影響其他元素css樣式無效

12樓:匿名使用者

元素一旦絕對定位,就會脫離整個文件流,其它元素的位置就會相應的移動!

13樓:神聖觸手

如果你指的某一元素中包含了其它元素,確實會產生樣式錯亂的情況

css絕對定位怎麼才能不跟父元素一起跑

14樓:可口可越

樓主沒有理解絕對定位的含義,絕對定位的標籤是根據他的祖先元素中最靠近它的絕對定位或者相對定位的元素來做參照的,如果它的祖先元素沒有絕對定位或者相對定位,那麼就是根據瀏覽器視窗作為參照的

假設這個例子,span是絕對定位,他的祖先元素都是用了絕對或者相對定位,則他根據最接近他的div作為參照,也就是根據相對定位那個標籤的位置作為參照。

如果把相對定位去掉,也就是預設的靜態定位,那麼span就根據最上面的絕對定位的div做參照

如果把2個div的定位都去掉,那麼,span就是根據瀏覽器視窗做參照

css 固定定位造成兩個div重疊,如何清理?

15樓:灰姑娘的霸氣

重疊在一起需要改變預設的佈局方式,將其中一個顯示在上層需要設定深度順序,這兩點分別用如下樣式完成

position: absolute; /*設定為絕對定位*/z-index:999;        /*設定重疊的上下次序,值越大月在上方*/示例如下

建立html元素

我是絕對定位,並且重疊在上方

我是預設定位

設定css樣式

div.top

div.top div

div.a

div.b

觀察顯示效果

16樓:匿名使用者

按照你的表述,應該是使用了position,你這個是頁尾的層級不夠。由於你沒貼**

我只能從哪些方面著手說起

找到你的固定層,既然使用了absolute,那麼應該有個相對定位與他想對應。絕對定位是脫離頁面的,所以會造成後面的元素被遮擋。然它的父層,relative,相對定位是沒有脫離的,也就是說,你需要把頁尾**放在定義了相對定位的層後面,沒有定義,那就去定義。

再有那就等重層級上下文章了,z-index數值越大顯示越考上,一般和絕對定位同時使用,但是ie6,需要對它的父級相對定位定義。

說了這些可能還不能幫助到你,畢竟沒**沒真相。只能說說常規

17樓:野外負傷

檢視display:的值,看看是否是block ,不是的話 改成 block ,如果是的話,檢視margin值,或者left ,top值,嘗試更改。

18樓:

其中一個margin-left改一下值,意思是離左邊框距離

19樓:匿名使用者

首先要知道為什麼會重疊,原因不外乎幾個:

1.2個div是父子級巢狀(佈局問題)

2.定位(position)

3.用了浮動(float),卻沒清除浮動,但是這種造成的可能性比較小,這個主要是造成父級標籤脫離文件流而造成佈局錯亂。

根據以上的幾種可能性,分析自己的**,是html佈局出問題呢,還是css得定位(position)用錯了。

20樓:匿名使用者

你可以貼出你的大概**。

不過我猜應該用浮動就能解決吧

2個層都定一個float:left; 樣式不行的話你再追問

21樓:

這個比較麻煩,要不你用js來動態控制頁尾的位置吧

html 兩個絕對定位 一個div蓋住了另一個div,怎麼讓下面的優先顯示

22樓:匿名使用者

11111111

11111111

用z-index,z-index數值越高就越在前面顯示,還有就是在同等z-index值,後面的比前面的顯示靠前

css中h3等於幾號字型,在css中如何定義h3的顏色

以下均為谷歌調bai試工具檢視du 結果 h1 2em h2 1.5em h3 1.17em h4 1em h5 0.83em h6 0.67em 注 em為繼zhi承到的字型 的倍dao數,內如父元素的字型設容為20px,則h3等於20 1.17 23.4px。14號,但是你自己可以設定的,僅僅是...

如何避免急躁,培養自己淡定從容的性格

哈哈,希望不要被萌新群的人看見。因為好多問題,明明群檔案和公告裡有,大家就是不看,非要讓我要一而再再而三的給大家解釋這些問題,但是畢竟是管理人員呀,所以我必須要禮貌,我不能發火,不能生氣。只能非常有禮貌的告訴大家,應該做什麼,應該看什麼,慢慢的,從容淡定的性格就培養出來了。幾乎是每進來一個新人,就問...

如何避免競爭,如何避免競爭帶來的壓力

有競爭就會有壓力,這是無法避免的,但是可以找到減壓的方法。減輕壓力有以版下幾個方法 1 首先要權保持好的心態,積極面對難題,正確認識自己 對自己的身體素質 知識才能 社會適應力等要有自知之明,儘量避免做一些力所不及的事情,或避免從事不適合自己的體力和精神的活動,好高騖遠。2 如果壓力太大,可以學會自...