Я хочу поместить div справа вверху моей страницы. Он содержит 50 пикселей квадратного изображения, но в настоящее время он влияет на макет 50px на странице.
В настоящее время его:
<div style="float: right;">
...
</div>
Я пробовал z-index, поскольку я думал, что это будет ответ, но я не мог этого сделать.
Я знаю, что это простое, что мне не хватает, но я просто не могу прибить его.
Что вы подразумеваете под воздействием? Содержимое будет течь вокруг поплавка. Вот как они работают.
Если вы хотите, чтобы он появился над вашим дизайном, попробуйте установить:
z-index: 10;
position: absolute;
right: 0;
top: 0;
Если вы не хотите, чтобы изображение влияло на макет вообще (и плавало поверх другого содержимого), вы можете применить к изображению следующий CSS:
position:absolute;
right:0;
top:0;
Если вы хотите, чтобы он плавал справа от определенной родительской секции, вы можете добавить position: relative в этот раздел.
Попробуйте установить position в абсолютное значение. Это выводит его из потока документа.