masalah tinggi div css 100%?

Saya ingin div mengambil semua tinggi layar, itu sebabnya saya menemukan tautan berikut:

triknya: buat wadah memiliki ketinggian yang ditentukan, misalnya: body{height:100%} sepertinya berfungsi dengan baik, namun saya menemukan bahwa: setelah Anda menambahkan beberapa klaim doctype, misalnya:

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

Tidak berfungsi, setidaknya di Firefox 3.*, tidak berfungsi. Ada saran?


html css height
person WilliamLou    schedule 12.12.2009    source sumber

Jawaban (1)


arrow_upward
3
arrow_downward

Berikut ini berfungsi untuk saya dalam HTML 4.01 ketat (dari tautan kedua Anda). Tidak ada bilah gulir vertikal yang ditampilkan, meskipun body sangat panjang. Apakah ini Bekerja untukmu?

<!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
Saya perhatikan bahwa doctype tidak penting, kuncinya adalah: tidak hanya menambahkan height:100% ke body, tetapi juga ke html - person WilliamLou; 14.12.2009