Saltar al contenido

Cómo alinear a la derecha div de posición fija dentro de un div

Nuestros desarrolladores estrellas han agotado sus reservas de café, en su búsqueda diariamente por la resolución, hasta que Dulce halló el hallazgo en Beanstalk por lo tanto en este momento la compartimos con nosotros.

Solución:

Podrías usar un contenedor div:

some text here

Luego usa eso para manejar el floaty hacer su hijo position: fixed

.outer 
    width:50%;
    height:600px;
    background-color:red;
    margin:0 auto;
    position: relative;

.floatcontainer 
    float: right;

.inner 
    border:1px solid white;
    position:fixed;

.floatcontainer, .inner
    width: 50px;

¿Por qué no usas position:absolute

position:fixed siempre relativo al navegador

.outer 
    width:200px;
    height:600px;
    background-color:red;
    margin:0 auto;
    position:relative

.inner 
    width:50px;
    border:1px solid white;
    position:absolute; right:0

MANIFESTACIÓN


Si es obligatorio el uso position:fixed entonces puedes asignar el margin-left value, ya que está utilizando fixed with para ambos divs.

.inner 
    width:50px;
    border:1px solid white;
    position:fixed; margin-left:150px

DEMO 2

Dos opciones. Simplemente flote el div interno hacia la derecha o use el posicionamiento absoluto para lograrlo.

Para flotar, simplemente configure float:right en el DIV interno y overflow:hidden en el DIV externo.

Para un posicionamiento absoluto, simplemente configure position:relative en el DIV externo y configure position: absolute and right:0 top:0 en el DIV interno.

Te invitamos a añadir valor a nuestra información colaborando tu veteranía en las notas.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)


Tags : / /

Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *