寬度100 CSS，是一種在前端開發中經常使用的技術。它的作用是讓一個元素的寬度撐滿整個父容器。通過使用“width: 100%”屬性，我們可以讓元素自動適應父容器的寬度。這種技術在響應式設計中非常有用，因為它可以讓頁面元素在不同的設備上都能夠自適應。

.example {
width: 100%;
}

上述代碼演示了如何使用寬度100 CSS。在這個例子中，一個名為“.example”的元素將會被設置為寬度100%。這意味著它會自動調整自身的寬度，以便填滿它的父元素。

寬度100 CSS不僅可以應用于普通的 HTML 元素，還可以用于圖片、視頻、表格等多種類型的元素。如果你希望一個圖像自適應其容器的大小，你可以使用下面的代碼：

.example img {
width: 100%;
}

這個代碼塊中，“.example”是圖像所在的容器的 class 名稱。我們將“img”元素的寬度設置為100%。這樣，該圖像將自動縮放到適應其容器的大小。

總之，寬度100 CSS是一種非常有用的技術。它可幫助你快速輕松地創建響應式設計，并使你的網站在各種設備上都能夠自適應。