css - 将 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

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