CSS3提供了很多有效的元素和選項，其中100%寬度是其中之一，它允許我們將一個元素的寬度設置為其父元素的寬度。這種屬性常用于響應式設計中，它可以使元素在不同大小的屏幕上呈現出不同的大小。下面是一個使用CSS3 100%寬度的例子：

假設我們有一個頁面，其中包含一個多行文本框。我們希望文本框的寬度適應頁面的寬度。為此，我們可以使用以下CSS：

textarea {
width: 100%;
}

這將使文本框的寬度設置為其父元素的寬度。如果父元素的寬度為800px，那么文本框的寬度也將是800px。如果屏幕大小更改，那么文本框的大小也會相應變化。

另一個常見的用途是將圖像放置在屏幕的中心位置。我們可以使用以下代碼實現：

img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}

這會使圖像的最大寬度等于其父元素的寬度。該圖像將在保持比例的同時調整大小。之后，我們使用display：block屬性使圖像成為塊級元素，并使用margin：0 auto;將其水平居中。這將確保圖像始終居中，并且不會超過其父元素的寬度。

總之，CSS3 100%寬度是一個非常有用的屬性，它在響應式設計中扮演著至關重要的角色。它使我們可以輕松地使元素適應其父元素的大小，并在不同大小的屏幕上顯示出最佳效果。