在網頁設計中,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屬性定義乙個元素的高度時,這個元素應該按照設...