css - 向右浮动一个 div，而不影响设计

Question

我想在页面顶部向右浮动一个 div。它包含一个 50px 的正方形图像，但目前它会影响页面顶部 50px 的布局。

目前是:

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

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

我知道我缺少的是一些简单的东西，但我似乎无法确定它。

Answer 1

影响是什么意思？内容将围绕 float 流动。这就是它们的工作方式。

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

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