How do CSS and HTML achieve bottom white space?

to achieve the effect of the following figure,

1


2

the code is as follows:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style type="text/css">
        
        body{
            width: 96%;
            height: 100%;
            margin: 2%;
            color: red;
            background-color: -sharp333333;
        },
    div{
        background-color: -sharpFFFFFF;
    }
    
        </style>
</head>
<body>
    <div>
        <h3>
                

        </h3>

        

3-5

</div> </body> </html>

I am CSS bird, boss take me

Aug.27,2021

No problem with the style

clipboard.png

remove this comma, css cannot be separated by commas


body background color is a blank color such as-sharpCCC
and then the DIV background is set to another color such as-sharpFFF

:body css  }  ','

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1eabbec-207e.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1eabbec-207e.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?