父元素子元素全部設定absolute

2021-04-02 23:05:20 字數 2454 閱讀 2079

1樓:

父元素position設定了baiabsolute ,子元素的absolute是相對du於父元素來定位的zhi

子元素參考dao父元素定位,是需要父元素具專備一定條屬件的,即父元素的position屬性不為static(預設值),負責css會遞迴至最近定位的祖先元素,直到body.

最近遇到了個問題 父元素需要溢位隱藏,並且給了relative; 而子元素做了absolute定位 ,這導致父元素的overflow:hidden失效了,因為子元素已經脫離文件流,

而當我把父元素改為absolute,也就是樓主說的父元素子元素同時設定absolute,父元素的overflow:hidden生效了,這讓我摸不著頭腦。

父元素與子元素同時脫離文件流,是否就存在於「同一個層次」裡面了呢 然後overflow:hidden生效了?

希望能幫到樓主,同時也在這裡求問下大家

2樓:匿名使用者

我先給你解釋一下兩個的區別吧。

相對定位是相對於自己本身位置進行偏移不脫離文件版流(與正常文權檔之間存在關係)。

絕對定位從正常文件流脫出,使用left,right,top,bottom等屬性相對於其最接近的一個最有定位設定的父級物件進行絕對定位。

解釋可能有點模糊,如果想使用絕對定位一個元素,你可以使父盒子(有固定寬高)使用相對定位,那麼子元素的移動範圍會在父盒子的範圍內移動。

我的解釋只是為了使你更瞭解相對定位與絕對定位,是否能解決你的問題,你看著辦吧

css 中,為什麼絕對定位(absolute)的父級元素必須是相對定位(relative)?

3樓:手機使用者

css沒有規定絕對定位的東西必須有個相對定位的爹地吧。你誤解了..

4樓:匿名使用者

html**

我是bcss**:

* .a

.b{ position:absolute; right:0px; bottom:...

這兩個是配合使用的,a定義了relative後,b就會相對於a進行移動。

其實絕對定位absolute的參照物件是「離它最近的已定位的祖先元素」,這句話裡有兩個關鍵,

一個是「離它最近的祖先元素」,意思是那個參照元素不一定是父元素,也可以是它的爺爺、爺爺的爺爺等等,如果它的祖先裡同時有2個及以上的定位元素,就參照離它最近的一個元素定位

還有一個是「已定位」,這個定位也不一定非要是相對定位,也可以是絕對定位,為什麼一般都是用相對定位呢,因為相對定位的特性是雖然它定位了,就算給了偏移量它離開了原來的地方,但是它原來佔的地方也不會讓出來的,這樣的好處是原來在它周圍的其他元素不會因為它的離開而改變位置而使頁面亂套,因為在你這個例子裡我們只是要讓a作為b的一個參照偏移位置,並不需要a元素以及它周圍的元素有所改變,所以用相對定位是非常合適的(如果你另有其他需要,祖先元素絕對定位也不是不可以)

一般將absolute元素的父元素設為relative

子元素使用了絕對定位,父元素怎麼高度自適應

5樓:沃優爾

父元素高度設抄置為空或者

baiauto即可,如height:auto或者不要duheight;,舉例如下:

1.高度採用auto;

這裡是子集zhi內dao容,子集內容採用的是寬度780px,高度1000px,並且居中對齊;

這是父級內容,寬度為800px,高度自適應2. 高度不設定;如:

這裡是子集內容,子集內容採用的是寬度780px,高度1000px,並且居中對齊;

這是父級內容,寬度為800px

6樓:織一點

的,但是已經不包含絕對定位內的那個子元素了

容.可以給父元素加上一個 min-height 進行限制,如子元素是500px高,則父元素為 min-height:500px 這樣可以避免父元素高度小於子元素的情況

7樓:**ile翼深藍羽

絕對定位的元素已經脫離了文件流,父元素是不會隨子元素高度變化的。

8樓:別急_等你

position: relative;試試。

9樓:

父元素不設定高度,只給他一個內邊距

10樓:可靠的小巴

這個 好像做不到把 ? 說好是絕對定位

11樓:想活的更久

overflow:hidden

12樓:大佬a丶

子元素設定定位後,父元素最好設定固定的高度,這樣可以防止子元素在變換的時候影響到父元素,從而影響到整個頁面的佈局。

13樓:匿名使用者

用js吧,

復首先你的子元素是有高度的制

,所以bai就先獲取子元素du的高度,給你的子元zhi素設定一個dao

css關於父元素的問題,css中的祖先元素以及父元素問題

class red 1 不是元素,class red 1 只是一個樣式 為了li設定的 是屬於li的,所以你只用看li 的父元素是誰就可以了 li的父元素就是ul 一定要弄清楚 class id 這些都不是元素,只是用來設定樣式的名字 red 1是li的名稱,代表的仍然是li,li的父元素是ul,所...

初中元素週期表,急,初中化學元素週期表全部

初中的元素週期表中前20個是必須要記得!記憶方法 把20個分為五個一記!就能快速記憶!他們分別是 1 h氫1.0079 2 he氦4.0026 3 li鋰6.941 4 be鈹9.0122 5 b硼10.811 6 c碳12.011 7 n氮14.007 8 o氧15.999 9 f氟18.998 ...

css怎樣僅設定div元素背景透明度而不設定div元素

設定div元素背景透明度,而不設定div裡面元素透明度的方法 建立靜態頁面插入一個div和十個 專子div 類選擇器和屬元素選擇器設定div標籤 開啟瀏覽器預覽 使用nthoftype設定div元素 儲存開啟瀏覽器預覽。具體方法如下 1 在openhbuilderx工具中,建立一個新的靜態頁面並插入...