Einzelnen Beitrag anzeigen

Der schöne Günther
Online

Registriert seit: 6. Mär 2013
6.159 Beiträge
 
Delphi 10 Seattle Enterprise
 
#1

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

  Alt 24. Sep 2018, 20:17
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?
  Mit Zitat antworten Zitat