Как разместить нижний колонтитул в нижней части страницы размером при использовании карты в угловой

Question

Я использую карту, а после карты я поставил свой нижний колонтитул. Но нижний колонтитул имеет очень большой размер по сравнению с тем, что упоминается в его CSS.

Изображение -

Код -

app.component.html -

<div class="card" id="card-css">
    <div class="card-body">
  //code

    </div>
  </div>

  <hr class="line" color="#f5821f;" />

  <div class="footer text-right" style = "height:50px !important" >
    <label style="color: black">© 2018 ICICI. API Developer</label>
  </div>

app.component.css

html, body {
  height: 100%;
}

.footer {
  position: relative;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: white; 
   color: black;
   text-align: center; /* .push must be the same height as .footer */
   }

Answer 1

Если я правильно понял вопрос, то я думаю, что вы хотите, чтобы ваш нижний колонтитул был внизу страницы. Для этого вам просто нужно изменить ваш ниже CSS.

position: relative

на

position: fixed;
margin:10px;

, а для размера текста вы можете добавить ниже CSS, если хотите.

font-size: 25px;