css中height 100 不起作用的解決方法

2021-05-25 12:02:34 字數 516 閱讀 5497

在網頁設計中,table用height:100%是可以整屏的,但需要在網頁頭部增加:

">

">

後就和沒有用height:100%一樣了,後來發現要給html,body都增加height:100%的屬性,這是高度自適應問題的關鍵所在。

**如下:

html,body

乙個物件高度是否可以使用百分比顯示,取決於物件的父級物件,table在body之中,因此它的父級是body,而瀏覽器預設狀態下,是沒有給 body乙個高度屬性的,因此當我們直接設定#left為height:100%;時,不會產生任何效果,而當我們給body設定了100%之後,它的子級物件 table的height:100%;便發生作用了,這便是瀏覽器解析規則引發的高度自適應問題。而**中除了給body應用之外,還給 html物件也應用相同的樣式設計,這樣做的好處是使ie與firefox瀏覽器都能夠實現高度自適應。另外,firefox中的html標籤不是 100%高度,因此給兩個標籤都定義為height:100%;以保證兩個瀏覽器下均能夠正常顯示。

CSS 如何讓 height 100 起作用

因為頁面並沒有預設的高度值,所以,當你讓乙個元素的高度設定為百分比高度時,無法根據獲取父元素的高度,也就無法計算自己的高度。換句話說,父元素的高度只是乙個預設值 height auto 當你要求瀏覽器根據這樣乙個預設值來計算百分比高度時,只能得到undefined的結果。也就是乙個null值,瀏覽器...

如何讓 height 100 起作用

當你設定乙個頁面元素的高度 height 為100 時,期望這樣元素能撐滿整個瀏覽器視窗的高度,但大多數情況下,這樣的做法沒有任何效果。你知道為什麼height 100 不起作用嗎?按常理,當我們用css的height屬性定義乙個元素的高度時,這個元素應該按照設定在瀏覽器的縱向空間裡擴充套件相應的空...

如何讓 height 100 起作用

如何讓 height 100 起作用 當你設定乙個頁面元素的高度 height 為100 時,期望這樣元素能撐滿整個瀏覽器視窗的高度,但大多數情況下,這樣的做法沒有任何效果。你知道為什麼height 100 不起作用嗎?按常理,當我們用css的height屬性定義乙個元素的高度時,這個元素應該按照設...