HTML中的div是網(wǎng)頁布局中非常重要的一種元素，它可以將頁面劃分為不同的區(qū)域，方便后續(xù)的樣式調(diào)整和JS交互操作。下面我們詳細(xì)介紹一下如何設(shè)置自適應(yīng)的div：

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

我們可以通過修改這些設(shè)置來實現(xiàn)不同的自適應(yīng)效果，比如：

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

總之，通過div的靈活設(shè)置，我們可以實現(xiàn)各種各樣的自適應(yīng)頁面布局效果，讓網(wǎng)頁在不同終端設(shè)備上都呈現(xiàn)出最佳的效果。