css div высота 100% проблема?

Я хотел бы, чтобы div занимал всю высоту экрана, поэтому я нашел следующие ссылки:

приемы: сделайте контейнер определенной высоты, например: body{height:100%} кажется, работает нормально, однако я обнаружил, что: как только вы добавите какое-либо утверждение типа документа, например:

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

Это не работает, по крайней мере в Firefox 3.*, это не работает. Какие-либо предложения?


html css height
person WilliamLou    schedule 12.12.2009    source источник

Ответы (1)


arrow_upward
3
arrow_downward

Следующее работает для меня в HTML 4.01 strict (из вашей второй ссылки). Вертикальная полоса прокрутки не отображается, даже если 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>
person Kaleb Brasee    schedule 12.12.2009
comment
Я заметил, что тип документа не важен, ключ: не только добавить высоту: 100% в тело, но и в html - person WilliamLou; 14.12.2009