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