Flutuar um direito div, sem impactar no design

Question

Eu quero flutuar uma div à direita no topo da minha página. Ele contém uma imagem quadrada 50px, mas atualmente os impactos sobre o layout do topo 50px na página.

Actualmente o seu:

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

Eu tentei z-index como eu pensava que seria a resposta, mas eu não poderia ir buscá-la.

Eu sei que é algo simples que eu estou ausente, mas eu simplesmente não consigo pregá-lo.

Answer 1

O que você quer dizer com impactos? Conteúdo fluirá em torno de um float. É assim que eles trabalham.

Se você quer que ele apareça acima do seu design, tente definir:

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

Answer 2

Se você não quer que a imagem afetar o layout de todo (e flutuar em cima de outro conteúdo) você pode aplicar o seguinte CSS para a imagem:

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

Se você quer que ele a flutuar à direita de uma seção pai particular, você pode adicionar position: relative a essa seção.

Answer 3

Tente configurar seu position a absoluta. Isso leva-lo para fora do fluxo do documento.