Quiero hacer flotar un div a la derecha en la parte superior de mi página. Contiene una imagen cuadrada de 50px, pero actualmente impacta en el diseño de los 50px superiores de la página.
Actualmente su:
<div style="float: right;">
...
</div>
He intentado z-index como pensé que sería la respuesta, pero no pude conseguir que funcione.
Sé que es algo simple I'm falta, pero yo sólo can't parecen dar en el clavo.
¿Qué se entiende por impactos? El contenido fluirá alrededor de un flotador. Así es como funcionan.
Si quieres que aparezca por encima de tu diseño, prueba a configurar:
z-index: 10;
position: absolute;
right: 0;
top: 0;
Si no desea que la imagen afecte en absoluto al diseño (y que flote sobre otros contenidos), puede aplicar el siguiente CSS a la imagen:
position:absolute;
right:0;
top:0;
Si quieres que flote a la derecha de una sección padre en particular, puedes añadir position: relative
a esa sección.