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

Я хотел бы DIV принять все высоту экрана, поэтому я нашел следующие ссылки:css div высота 100% проблема?

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

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

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

источник

2009-12-12 WilliamLou

Следующие работы для меня в 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>

источник

2009-12-12 02:38:14

Я заметил, что doctype не важен, ключ: не только добавить высоту: 100% к телу, но и к html – WilliamLou

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

ответ

Смежные вопросы