在不影响设计的情况下,向右浮动一个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到该节.