如何使用CSS正确放置图像

Question

我在将图像放入CSS中的正确位置时遇到了问题。

我在页面左侧有链接，想要导航栏右上角的图片。

不确定如何完成。

Answer 1

像这样：

HTML

<nav>
   <img src="image.png" alt="image">
</nav>

CSS

nav{
       position:relative;
    }
    nav img{
       position:absolute;
       top:0;
       right:0;
    }

Answer 2

您可以使用bottom，top，right和left属性将其放置在所需位置。 例如，要将图像从顶部放置10像素，从右侧放置20像素，您可以编写以下内容：

top：10px;

右：20px;