CSS是一種用于網頁樣式表的編程語言，它可以控制元素的顏色、大小、位置和其他外觀屬性。包裹和拉伸是CSS中很有用的兩種屬性，能夠使布局中的元素更加靈活和美觀。

包裹（wrap）是一種屬性，通過包裹元素的內容來控制元素的大小。如果元素的寬度或高度為auto（自適應），則它將自動調整大小以適應內容。這使得元素可以根據所包含的文本或圖像進行大小調整，而不必手動指定大小。

//示例代碼
div {
width: auto;
height: auto;
background-color: yellow;
border: 2px solid black;
}

拉伸（stretch）是一種屬性，可以使元素根據其父元素的大小進行調整。如果元素的寬度或高度設置為100％，則它將填充其父元素的寬度或高度。這使得元素可以在不同的分辨率或設備上保持一致的外觀。

//示例代碼
div {
width: 100%;
height: 100%;
background-color: blue;
color: white;
}

使用包裹和拉伸屬性可以使網頁的布局更加靈活和美觀。通過包裹，可以調整元素的大小，使其適應內容的大小。而通過拉伸，元素可以根據父元素的大小進行調整，以保持一致的外觀。這些屬性可以使你的網頁更容易適應不同的分辨率和設備，從而提高用戶體驗。