向右浮动 div，不影响设计

Question

我想将 div 浮动到页面顶部的右侧。 它包含一个 50px 的方形图像，但目前它影响页面上顶部 50px 的布局。

目前是：

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

我尝试了 z-index，因为我认为这就是答案，但我无法让它继续下去。

我知道我错过了一些简单的事情，但我似乎无法解决它。

Answer 1

你所说的影响是什么意思？ 内容将围绕浮动体流动。 他们就是这样工作的。

如果您希望它出现在您的设计上方，请尝试设置：

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

Answer 2

如果您不希望图像根本影响布局（并浮动在其他内容之上），您可以将以下 CSS 应用于图像：

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

如果您希望它浮动在特定父部分的右侧，您可以将 position:relative 添加到该部分。

Answer 3

尝试将其位置设置为绝对。 这将其从文档流程中删除。