CSS自適應是前端開發中必不可少的一部分，它能夠讓網站頁面在不同的設備上自動適配，呈現出最佳的用戶體驗。其中，自適應div是其中比較常用的一種方式。

div{
max-width: 100%;
min-width: 300px;
height: 200px;
margin: 0 auto;
background-color: #ccc;
}

上述代碼中的div樣式，采用了max-width和min-width配合使用的方式進行自適應，使得div最大寬度不超過其父元素的寬度，并保證最小寬度不小于300px。

@media screen and (max-width: 600px){
div{
height: auto;
}
}

同時，我們也可以使用媒體查詢進行響應式的設計。在上述代碼中，使用@media進行屏幕尺寸檢測，一旦達到指定的尺寸范圍（這里是600px），就會自動將div元素的高度設置為自適應，以適應屏幕大小變化。

這樣，通過以上的CSS樣式和媒體查詢的使用，我們就能夠輕松實現一個自適應的div元素，讓頁面在不同的設備上都能夠自動適配，以呈現出最佳的用戶體驗。