CSS--DIV height:100%無效的解決辦法
阿新 • • 發佈：2019-02-12
在設定DIV高度的時候，會用到一個height:100%的大小，來讓div撐滿瀏覽器高度。但是我們會發現，直接在div中寫上“style:”height:100%;””是無效的。那麼如何才能讓div的css height:100%生效呢？解決辦法很簡單……
在設定DIV高度的時候，會用到一個height:100%的大小，來讓div撐滿瀏覽器高度。但是我們會發現，直接在div中寫上“style:”height:100%;””是無效的。
那麼如何才能讓div的css height:100%生效呢？解決辦法很簡單，同時也能適配多個瀏覽器。
方法就是在css當中增加上：
html, body{ margin:0; height:100%; }
這樣，在div中使用height:100%就能夠正常顯示了。
示例程式碼：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> 顯示效果：
