css - sirve - Flota un div derecho, sin impactar en el diseño

para que sirve el clear both css

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 tiene un impacto en el diseño de los 50 píxeles superiores de la página.

Actualmente es:

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

Intenté z-index porque pensé que esa sería la respuesta, pero no pude hacerlo funcionar.

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

Answer 1

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

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

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

Answer 2

Intenta establecer su position en absoluto. Eso lo saca del flujo del documento.

Answer 3

Si no desea que la imagen afecte el diseño en absoluto (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 particular, puede agregar position: relative a esa sección.