سلام
من کد زیر را دارم


	<!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>

</head>





<body>

    <header style="background-color:aquamarine">

        header

    </header>

    <main style="background-color:red; ">main</main>

    <footer style="background-color:aquamarine">

        footer

    </footer>

</body>





</html>


اما میخواهم ارتفاع تگ main برابر از header باشد تا footer
چپونه باید مقدار دهی کنم
باتشکر