CSS, CSS2, 網頁設計

[CSS]網頁標準化實現高度100%

梅干2008/11/23
  當網頁標準化後,只剩下寬度可設定100%,還蠻懷念以前高度100%的時候,其高度100%老實說還蠻方便的,且有存在的必要性,真不知為何到了標準化後,就取消了此功能。

  真的令梅干桑百思不得其解,有沒有什麼方法可以實現高度百分百,網路上也有不少的文章則是採用javascript的方式,但總覺得只是一個高度100%要這麼的大費周章,於是梅干桑靈機一動,終於實現了直接透過CSS設定,就可以完成高度100%的夢想了,且在IE6IE7Firefox2.0~3.0的環境下皆可正常顯示。


方法很簡單只要在*{}中將height設定為100%就可以實現高度100%的夢想了。
*{height:100%;}
body {margin:0;}


[範例預覽]


UAG軍規iPhone防摔殼