火狐下,為什麼設定了height 100 之後再設定padding bottom沒有效果了

時間 2021-06-02 01:33:21

1樓:

padding效果被元素高度影響了

你要知道高度的百分比並非任何時候都是乙個有效值

比如某個元素的父元素沒有設定高度有效值,父元素用百分比,父元素的父元素也是百分比,子元素按照百分比計算高度,不同的瀏覽器處理結果不一樣

如果父元素設定固定高度 height = 100px,子元素height = 40% ,

結果是子元素 height = 40px,這樣100%不會出岔子的

如果父元素不設值 height = auto,子元素height = 40% ,

有可能子元素 height = undefined , 結果不可控

chrome裡面去掉height :100% 這個屬性元素高度是785px, 否則是793px

firefox裡面去掉height:100% 元素高度是908px 保留則是748

結論就是 height這個屬性,如果不設值,不同瀏覽器盒子模型處理結果可能不一樣,

如果設了百分比,不同瀏覽器盒子模型大小依舊不一樣

如果設定固定px值,不同瀏覽器一定一樣,這裡就不截圖了,建議你使用

如果用vw和vh這樣的方式來設定會怎樣呢?

vw結果一樣,建議你使用

vh結果跟height百分比一樣亂,因為vh依照的也是高度百分比

還有一些方式,比如高度按照字型大小的單位來設定,比如 em , rem 會怎樣呢?

em是繼承父元素的設定,rem是繼承根元素的設定,如果父元素/根元素一樣,

兩種方式結果一樣,偶爾可以使用

為什麼說 死宅用火狐瀏覽器 ?

runner time 時至今日,火狐顯得非常屌絲,這一點可以從那看似以VB開發出來的瀏覽器選單和外掛程式看出來 雖然確實比較節約效能 既然火狐這麼屌絲,又怎麼會是死宅的愛好呢?所以死宅們用chrome的越來越多了。 Ourd Nant 用阿宅的世界觀來看待這個問題的話其實原因很簡單 那就是Fire...

Android 程式設計中,為什麼設定了 Intent FLAG ACTIVITY NEW TASK,兩個 Activity 取出來的任務 ID 還是相同的?

audientlin 按照我的理解 如果設定了Intent.FLAG ACTIVITY NEW TASK,意思就是在新的Task中啟動Activity,那麼問題來了,新的Task是叫什麼呢?所以就會去Manifest中找這個Activity對應的taskAffinity是什麼,如下 我這裡設定了 a...

《錦衣之下》為什麼火?

乖乖 因為譚松韻看這部劇,然後被陸大人迷的不能自拔。演員放得開,男女都有演技,沉浸角色裡,這是我認為火的主要原因。男女主角的演技和細膩的感情線讓我忽略了配角那過多的戲,忽略了一毛錢的特效,成功成為任嘉倫的粉。已經不知道刷了幾遍了。劇荒時候就拿出來看看,心情都能好很多。 矩陣空間 這個劇劇本不錯,角色...