La forma mas sencilla de ubicar el botón en la parte inferior es usando un <code>position: absolute;</code> <code>.secondary-button { ...

Julián David Reales de la Ossa

Pregunta

student•hace 3 años

La forma mas sencilla de ubicar el botón en la parte inferior es usando un

position: absolute;

.secondary-button {
          position: absolute;
          bottom: 20px;
          width: 300px;
        }

Pero por que al hacerlo sin especificar el ancho el botón rompe la pantalla?

Andres Salazar

student•hace 3 años

La "rompe", debido a que el boton sign up, tiene el 100% de ancho (y no es el 100% de la pantalla, sino del contenedor) al colocar el boton como absolute, el contenedor en ese caso es la etiqueta html (esto ya que no hay

positiion: relative

en ningun elemento antes de

.signup-button

y que "rompa" la cadena para saber sobre quien es abosluto). Ahora, tampoco te alínea, y es debido a casi lo mismo pero como tampoco sabe en base a que acomodarse (porque no hay un position relative) simplemente se acomoda en base a la alineación del padre, Si le colocas left: 0 si se correrá en base a su padre absoluto (etiqueta html). Si colocas position relative a .login, ese será de quien position absolute toma referencia para realizar la ubicación.

La forma mas sencilla de ubicar el botón en la parte inferior es usando un <code>position: absolute;</code> <code>.secondary-button { ...

Curso Práctico de Frontend Developer

Curso Práctico de Frontend Developer