CSS3中的autoppen是一個非常實用的屬性，它可以讓我們自動調整元素的尺寸，并根據元素的內容自適應展示。autoppen可以在不使用JS的情況下實現數據的展示和內容填充。

.box{
width: 200px;
height: autoppen;
padding: 20px;
border: 1px solid #ccc;
overflow-y: scroll;
}

在上面的代碼中，我們定義了一個box類，并設置了 width 屬性為 200px， height 屬性為autoppen。這意味著元素的高度將會根據內容來自適應，并且在內容超出 box 元素高度后，將會出現滾動條。

autoppen屬性除了可以用于高度的設置，還可以用于寬度的調整。當我們需要讓一個元素的寬度自適應其內容時，可以使用 autoppen width。

.box{
width: autoppen;
height: 200px;
padding: 20px;
border: 1px solid #ccc;
overflow-x: scroll;
}

在上面的代碼中，我們將 width 屬性設置為 autoppen，并將 height 屬性設置為200px。這意味著元素的寬度將會根據內容自適應，并且在內容超出box元素寬度后，將會出現滾動條。

總之，CSS3中的autoppen屬性可以讓我們更好地控制元素的尺寸，同時讓內容的展示更加靈活和自適應。在某些情況下，它可以取代使用JS來實現自適應的效果。