CSS是網頁開發中必不可少的一部分，它可以用來調整網頁的排版、顏色、字體等等，還可以用來美化網頁中的圖片。

在網頁中插入圖片時，我們常常會遇到一個問題：圖片不占據位置。雖然這看上去很奇怪，但這樣做可以讓網頁加載更快，因為它不會引起瀏覽器重新排版。

在CSS中，我們可以使用float屬性來解決這個問題。當我們將圖片設置為float: left或float: right時，它就會像文字一樣浮動到網頁的左側或右側，不再占據原本應該顯示的位置。

/* 讓圖片左浮動 */
img {
float: left;
margin-right: 20px; /* 可以添加一些間隔 */
}

圖片浮動之后，我們可能會發現一些排版上的問題，因此還需要做一些調整。比如我們可以增加圖片和文字之間的間隔，代碼如下：

/* 調整圖片和文字的間隔 */
p {
line-height: 1.5em; /* 文字行高 */
}
img {
float: left;
margin: 0 20px 20px 0; /* 上右下左 */
}

利用CSS讓圖片不占據位置并不難，只需添加一些簡單的CSS樣式就可以完成。當然，如果您需要制作復雜的網頁，還需要學習更多的CSS知識。