HTML中的div是網頁布局中非常重要的一種元素，它可以將頁面劃分為不同的區域，方便后續的樣式調整和JS交互操作。下面我們詳細介紹一下如何設置自適應的div：

上面這段代碼中，最外層的div設置了頁面寬度為100%、高度為300px、背景色為#f2f2f2，這是整個頁面的基礎框架。然后通過內部div的設置將頁面分為了兩個區域，左側為70%的寬度，高度為200px，背景色為#eee，上下左右的外邊距（margin）為50px，位置居中。

我們可以通過修改這些設置來實現不同的自適應效果，比如：

上面的代碼中，我們使用了CSS3中的flex布局來實現內部div的水平和垂直居中顯示。同時設置了內部div的最大寬度為800px，使其在大屏幕設備上保持寬度與高度的比例，而在小屏幕上則會自動縮小。

總之，通過div的靈活設置，我們可以實現各種各樣的自適應頁面布局效果，讓網頁在不同終端設備上都呈現出最佳的效果。