Stylet 小豬圈: CSS height:100% 無法佔滿畫面整個高度

2012-07-31

CSS height:100% 無法佔滿畫面整個高度

結論：連 html 與 body 都要設定 height:100%

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
  <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
html
{
  height:100%;
}
body
{
  height:100%;
  margin:0;
  padding:0;
}
div
{
  border:1px solid black;
  background:green;
  height:100%;
}
    </style>
  </head>
  <body>
    <div>long long long long long long long long text with break</div>
  </body>
</html>

Stylet 小豬圈

2012-07-31

CSS height:100% 無法佔滿畫面整個高度

No comments:

Post a Comment

標籤分類

Blog Archive

個人常用鏈結

Labels

Google Analytics Tracking Code

About Me