Alinear el botón en la parte inferior de div usando CSS

Quiero alinear mi botón en la esquina inferior derecha de mi div. ¿Cómo puedo hacer eso?

CSS actual de div:

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

Puede usar position:absolute;para posicionar absolutamente un elemento dentro de un div padre. Cuando se usa, position:absolute;el elemento se posicionará absolutamente desde el primer div principal posicionado, si no puede encontrar uno, se posicionará absolutamente desde la ventana, por lo que deberá asegurarse de que el div de contenido esté posicionado.

Para hacer que el contenido esté posicionado en div, todos los positionvalores que no son estáticos funcionarán, pero relativees el más fácil ya que no cambia la posición de los divs por sí mismo.

Así que agregue position:relative;al div de contenido, elimine el flotador del botón y agregue el siguiente CSS al botón:

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

CSS3 flexbox también se puede usar para alinear el botón en la parte inferior del elemento principal.

HTML requerido:

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

CSS necesario:

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

Captura de pantalla:

Recursos útiles:

• Especificaciones
• MDN
• Trucos 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>

El contenedor principal debe tener esto:

position: relative;

El propio botón tiene que tener esto:

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

o lo que quieras

Va a la derecha y se puede utilizar de la misma forma para la izquierda.

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