1. 首頁
  2. »
  3. 網頁開發
  4. »
  5. CSS
  6. »
  7. [CSS]網頁標準化實現高度100%

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

2008/11/22

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

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


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


[範例預覽]