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 float
y 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.