Question

我想要一个div来占据所有屏幕高度，这就是我找到以下链接的原因：

技巧：让容器具有指定的高度，例如：body{height:100%}似乎工作正常，但是，我发现：一旦你添加了一些doctype声明，例如：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

它不起作用，至少在Firefox 3. *，它不起作用。有什么建议吗？

Answer 1

以下适用于HTML 4.01严格（来自您的第二个链接）。即使body非常长，也不会显示垂直滚动条。这对你有用吗？

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <style>
      html, body {
      /* get rid of default spacing on the edges */
      margin: 0;
      padding: 0;

      /* get rid of that 2px window border in Internet Explorer 6 */
      border: 0;

      /* fill the height of the browser */
      height: 100%;

      /* no more scroll bar */
      overflow: hidden;
    }
    </style>
  </head>
  <body>
    <div>
      many many lines of text
    </div>
  </body>
</html>

css div高度100％的问题？

1 个答案: