在前端開發中，我們經常需要在網頁中使用圖片，并且需要讓圖片適應不同的頁面尺寸。這時候，我們就需要使用CSS的技巧來實現圖片適應于div。以下是一個示例：

div {
width: 500px;
height: 300px;
background-color: #ccc;
display: flex;
justify-content: center;
align-items: center;
}
img {
max-width: 100%;
max-height: 100%;
}

首先，我們創建了一個div，并設置了它的寬度和高度，以及背景色。我們使用了flex布局，并設置了justify-content和align-items屬性，使得內容在div中水平和垂直居中顯示。

接下來，我們定義了img元素的樣式。我們使用max-width和max-height屬性，這樣圖片就可以在不失真的情況下適應整個div。使用100%的值指定了圖片應該占據父元素的尺寸。

在實際開發中，我們還可以使用其他CSS屬性來進一步調整圖片的位置和大小。例如，我們可以使用position屬性來絕對定位圖片，并使用top和left屬性來調整它的位置。

總之，使用CSS技巧來實現圖片適應于div可以使我們更好地控制網頁的外觀，提高用戶體驗。而以上這個例子也可以作為我們學習CSS布局的參考。