CSS中的DIV元素是頁面布局中非常重要的一個元素，它可以用來包含其他 HTML 元素，并且使用 CSS 樣式來控制這些元素的顯示。在使用 DIV 元素布局頁面時，autosize或者自動填充是一個很有用的技巧，使得頁面在不同設(shè)備上顯示具有良好的兼容性。

div {
width: 100%;
height: auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}

上述代碼中，我們使用了 flex 布局來實(shí)現(xiàn) DIV 元素的自動填充。在我們的CSS代碼中，主要有以下幾個屬性：

• width: 100%;：使 DIV 元素占據(jù)整個父容器的寬度；
• height: auto;：使 DIV 元素的高度自適應(yīng)內(nèi)容的高度；
• display: flex;：使用 flex 布局；
• flex-wrap: wrap;：設(shè)置 flex 元素?fù)Q行；
• justify-content: space-between;：使元素均勻地分布在主軸上；
• align-items: center;：使元素在交叉軸上居中對齊。

這些屬性將 DIV 元素中的所有子元素自動填充到該元素中，并且在不同大小的屏幕上具有良好的適應(yīng)性。對于頁面布局，這個技巧可以使得我們更輕松地控制頁面的布局，并且能夠更好地滿足不同屏幕尺寸的用戶需求。