gefühlt das komplette Internet durchforstet.
Das bezweifele ich sehr stark. Keine 10 Sekunden und schon einen Treffer gehabt:
HTML
- <!DOCTYPE html>
- <html>
- <head>
- <style>
- html,body {
- height: 100%;
- }
- .container {
- height: 100%;
- min-height: 100%;
- display: flex;
- flex-direction: column;
- }
- .box {
- text-align: center;
- color: white;
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
- .box-1 {
- background-color: green;
- height: 200px;
- }
- .box-2 {
- background-color: blue;
- flex: 1;
- }
- </style>
- </head>
- <body>
- <div class="container">
- <div class="box box-1">box 1</div>
- <div class="box box-2">box 2</div>
- </div>
- </body>
- </html>