如何用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

你可以把它放在你想要的顶部，底部，右侧和左侧的属性。 例如，要将图像从顶部放置10像素并从右侧放置20像素，您可以编写以下内容：

top：10px;

right：20px;