Поплавьте div справа, не влияя на дизайн

Я хочу поместить div справа вверху моей страницы. Он содержит 50 пикселей квадратного изображения, но в настоящее время он влияет на макет 50px на странице.

В настоящее время его:

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

Я пробовал z-index, поскольку я думал, что это будет ответ, но я не мог этого сделать.

Я знаю, что это простое, что мне не хватает, но я просто не могу прибить его.

Ответы

Ответ 1

Что вы подразумеваете под воздействием? Содержимое будет течь вокруг поплавка. Вот как они работают.

Если вы хотите, чтобы он появился над вашим дизайном, попробуйте установить:

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

Ответ 2

Если вы не хотите, чтобы изображение влияло на макет вообще (и плавало поверх другого содержимого), вы можете применить к изображению следующий CSS:

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

Если вы хотите, чтобы он плавал справа от определенной родительской секции, вы можете добавить position: relative в этот раздел.

Ответ 3

Попробуйте установить position в абсолютное значение. Это выводит его из потока документа.