在不影响设计的情况下，向右浮动一个div

Question

我想将div放在页面顶部的右侧。它包含一个50像素的方形图像，但目前它会影响页面顶部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

尝试将其position设置为绝对值。这使它脱离了文档的流程。