Float a div right, не влияя на дизайн

Question

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

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

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

Я попытался г-индекс, как я думал, что будет ответ, но я не мог заставить его идти.

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

Answer 1

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

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

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

Answer 2

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

Answer 3

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

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

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