CSS如何相對同輩元素定位

2021-03-19 18:36:23 字數 1880 閱讀 5815

1樓:楓葉舞秋山

單純用css是不可能的,這涉及到css的設計初衷。所謂定位它必有一個參照物,如果按你說的相對兄弟元素定位,那麼就有個前提,兄弟元素是已知的、確定的,但很多時候,比如文章的段落,可多可少,你根本確定不了,你像根據某個兄弟元素定位,但如果兄弟多了或少了呢,所以這種定位方式不現實,父元素定位就不存在這個問題,因為元素肯定會有父元素,沒有父元素也有根元素html。

你這個情況可以使用margin和float的結合,或者改變一下思路,我想肯定會有辦法的。如果非要根據兄弟元素定位,可以試試js解決,但會很麻煩,且沒有必要。

2樓:小小歐平兒

材料/工具:電腦、css3、html5、hbuilder、瀏覽器、截圖工具

1、雙擊開啟hbuilder編輯工具,新建靜態頁面position.html,修改title標籤內的內容。

2、在標籤元素內插入一個

標籤,設定其id屬性值為pos。

3、利用id選擇器設定div元素寬度和高度都為300px,背景色為#666666,position為absolute。

4、儲存**並預覽介面,發現頁面展示的正方形邊框在左上角。

5、修改top、left、margin和padding,讓div元素垂直居中。

6、設定div標籤元素border-radius和background漸變屬性即可。

3樓:匿名使用者

直接的這種相對目前好像還沒有,但是你為什麼想這樣做呢?

兩個相對同一個,第二個值加了第一個值再偏移一點不就是相對第一個的了嗎?

4樓:tn瓶邪

文字框不是普通容器,裡面的所有標籤都會被當作內容來解釋。

所以你需要用一個容器包含文字框,父定位放在這個容器上才行,這個容器可以是行內元素,也可以是塊元素。

子定位和文字框都放在父定位裡面,位置在文字框前面後面都一樣,但不能在文字框裡面。

因為absolute不佔位,所以你的子定位看起來就跟放在文字框裡面一樣。

5樓:匿名使用者

絕對定位只能用於繼承關係中,不能用於同輩關係中

css中的絕對定位可不可以相對於它的兄弟元素

6樓:鈾氶瓏鈾

單純用css是不可能的,這涉及到css的設計初衷。所謂定位它必有一個參照物,如果按你說的相對兄弟元素定位,那麼就有個前提,兄弟元素是已知的、確定的,但很多時候,比如文章的段落,可多可少,你根本確定不了,你像根據某個兄弟元素定位,但如果兄弟多了或少了呢,所以這種定位方式不現實,父元素定位就不存在這個問題,因為元素肯定會有父元素,沒有父元素也有根元素html。

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

7樓:立青日月

有幾個方法:

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

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

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

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

把div2放到div1裡面,裡面設定為float,再position:relative進行浮動後地位,

這種方法比第一種好,這裡看你的需求了///

8樓:司馬唐遷

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

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

css用相對路徑為什麼找不到,相對路徑絕對路徑

相對路徑和絕對路徑,表示返回上一級,因為css檔案在css資料夾裡,在images資料夾下,那麼就需要返回上一級找到images資料夾才能找到相應的 直接資料夾名或是。開頭表示和當前平級,因為和images資料夾平級。不管是帶。還是不帶,這種寫法都叫相對路徑 另一種叫相對於根目錄路徑,它的寫法必須以...

如何使用jquery移除CSS樣式

果你想移除指定的樣式的話 你完全可以重新設定他的樣式比如你想他最終的style為color red的話你直接寫 msg5 syzx span first attr style 如果完全不要就可以使用 msg5 syzx span first removeattr style 或者寫成 msg5 sy...

別人的css店招如何複製

右鍵審查元素,點開標籤之間的引用檔案就可以看到別人的css還有js的 了 通過瀏覽器內建功能獲取到css源 使用chrome瀏覽器,右鍵點選網頁上的要檢視的元素,會彈出對話方塊,然後選擇 檢視元素 會彈出開發視窗,開發視窗的右邊有一個stytls便籤頁,則為剛剛選中元素css樣式。如果是firefo...