IActionResult недоразумение

CSS:

  #container{
            width: 100%;
            height: 100vh;
            }
 #container.footer{
            float:left;
            width:100%;
            height:20vh;
            margin-top:80vh;
            background-color:red;
            }

HTML:

           <div id="container">
               <div class="footer">
               </div>
           </div>

Это должно сделать трюк, если вы ищете ответный нижний колонтитул, выровненный в нижней части страницы, который всегда удерживает верхний предел 80% высоты просмотра.