Flota un derecho div, sin afectar el diseño

Question

Quiero flotar un div a la derecha en la parte superior de mi página. Contiene una imagen cuadrada de 50 píxeles, pero actualmente impacta en el diseño de los 50 píxeles superiores de la página.

Actualmente es:

<div style="float: right;">
  ...
</div>

Probé el índice z porque pensé que esa sería la respuesta, pero no pude hacerlo funcionar.

Sé que es algo simple que me falta, pero parece que no puedo entenderlo.

Answer 1

¿Qué quieres decir con impactos? El contenido fluirá alrededor de un flotador. Así es como funcionan.

Si desea que aparezca sobre su diseño, intente configurar:

z-index: 10;  
position: absolute;  
right: 0;  
top: 0;

Answer 2

Si no desea que la imagen afecte el diseño (y flote sobre otro contenido), puede aplicar el siguiente CSS a la imagen:

position:absolute;
right:0;
top:0;

Si desea que flote a la derecha de una sección principal en particular, puede agregar position: relative a esa sección.

Answer 3

Intente configurar su posición en absoluto. Eso lo saca del flujo del documento.