Css 向右浮动一个div，不影响设计

我想在页面顶部的右侧浮动一个div。它包含一个50px的正方形图像，但目前它会影响页面顶部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
添加到该节。
当值为零时，无需指定单位。“right:0；”的工作原理与“right:0pt；”或“right:0px；”的工作原理相同。干杯-firebug粘贴的危险@奥拉图维森：不需要并不意味着我们不应该使用它。我倾向于放置单位，所以当我增加数量时，我不必记得添加单位。@Danosaure:Holy thread Resurvation蝙蝠侠！：）当然，你是对的，如果它有助于跟踪事情，并且没有损害（除了文件大小中额外的两个整字节），那么它就没有什么错。尽管如此，看到它仍然会打乱我在宇宙中的平衡感。我的意思是零是零，它没有单位，颜色或气味-它只是。。。没什么。我经常在
position:absolute是指没有为上/左/下/右给定值的元素将绝对定位在与
位置：static显示的位置相同的位置（默认设置）。这使得将大小相同的元素堆叠在彼此的顶部变得很简单。另一个方便的技巧是，通过设置
top:0，可以强制元素填充未知大小的父元素（比如，the）；左：0；底部：100%；右：100%非常适合在弹性容器上放置填充物！是的，流动就是我所说的“影响”。明白了，谢谢o）