HTML / CSS: Was sind 100% Höhe?

**Der schöne Günther**

Ich kenne mich mit HTML & CSS nicht wirklich aus. Dumme Frage:

Ich setze bei <body> die height auf 100%
ich packe einen <div> mit Höhe 100% rein
Er füllt, wie erwartet die gesamte Bildschirmhöhe aus

Quelltext:

Code:

			<!-- <!DOCTYPE html> -->

<html>

<head>

   <style>

      body {

         height: 100%; 

         padding:0px; 

         margin: 0px;

      }

   </style>

</head>

<body>

   <div style="height: 100%; background-color: red;">

      Hallo Welt

   </div>

</body>

</html>

Gehe ich nun hin und kommentiere oben den DocType aus, dann ist der rote <div> nur noch so hoch wie die eine Zeile Text.

Warum?

HTML / CSS: Was sind 100% Höhe?

HTML / CSS: Was sind 100% Höhe?

Stichworte

Forumregeln