Hallo,
ich habe hier ein Problem, dass ich ein Div nicht bis zum unteren Rand des Contents bekomme, wenn der Inhalt nicht ganz ins Browserfenster passt. Beispiel:
Bas rote Content-Div hätte ich gerne bis zum unteren Rand, auch webnn ich nach unten scrolle.
Wie stelle ich das mit css an?
HTML
- <!DOCTYPE html>
- <html>
- <head>
- <style>
- body, htmnl {
- height: 100%;
- margin: 0px;
- }
- .header {
- height: 100px;
- background-color: #236744;
- }
- .content {
- height: calc(100vh - 100px);
- background-color: #891333;
- }
- </style>
- </head>
- <body>
- <div class="header">
- HEAD
- </div>
- <div class="content">
- CONTENT
- <div style="height:1200px;width:100px;background-color:#505050"></div>
- </div>
- </body>
- </html>