Botão Alinhar na parte inferior da div usando CSS

Quero alinhar meu botão no canto inferior direito do meu div. Como eu posso fazer isso?

Css atual de div:

    float: right;
    width: 83%;
    margin-right: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    height:625px;
    overflow:auto;

Você pode usar position:absolute;para posicionar absolutamente um elemento dentro de um div pai. Ao usar, position:absolute;o elemento será posicionado absolutamente a partir do div pai primeiro posicionado; se não conseguir encontrar um, ele será posicionado absolutamente a partir da janela, portanto, você precisará ter certeza de que o div de conteúdo está posicionado.

Para posicionar o div de conteúdo, todos os positionvalores que não são estáticos funcionarão, mas relativeé o mais fácil, pois não altera o posicionamento dos divs por si só.

Portanto, adicione position:relative;ao div de conteúdo, remova o float do botão e adicione o seguinte css ao botão:

position: absolute;
right:    0;
bottom:   0;

CSS3 flexbox também pode ser usado para alinhar o botão na parte inferior do elemento pai.

HTML necessário:

<div class="container">
  <div class="btn-holder">
    <button type="button">Click</button>
  </div>
</div>

CSS necessário:

.container {
  justify-content: space-between;
  flex-direction: column;
  height: 100vh;
  display: flex;
}
.container .btn-holder {
  justify-content: flex-end;
  display: flex;
}

Captura de tela:

Recursos úteis:

• Especificações
• MDN
• Truques CSS

* {box-sizing: border-box;}
body {
  background: linear-gradient(orange, yellow);
  font: 14px/18px Arial, sans-serif;
  margin: 0;
}
.container {
  justify-content: space-between;
  flex-direction: column;
  height: 100vh;
  display: flex;
  padding: 10px;
}
.container .btn-holder {
  justify-content: flex-end;
  display: flex;
}
.container .btn-holder button {
  padding: 10px 25px;
  background: blue;
  font-size: 16px;
  border: none;
  color: #fff;
}

<div class="container">
  <p>Lorem ip sum dolor sit amet... Lorem ip sum dolor sit amet... Lorem ip sum dolor sit amet... Lorem ip sum dolor sit amet... Lorem ip sum dolor sit amet... Lorem ip sum dolor sit amet... Lorem ip sum dolor sit amet... Lorem ip sum dolor sit amet... Lorem ip sum dolor sit amet... Lorem ip sum dolor sit amet... </p>
  <div class="btn-holder">
    <button type="button">Click</button>
  </div>
</div>

O contêiner pai deve ter isto:

position: relative;

O botão em si deve ter isto:

position: relative;
bottom: 20px;
right: 20px;

ou o que você quiser

Vai para a direita e pode ser usado da mesma forma para a esquerda

.yourComponent
{
   float: right;
   bottom: 0;
}