CSS是一種用于創建網頁樣式和布局的語言。在創建網頁時，可以使用CSS來定義網頁中的字體、顏色、邊框、背景等等。然而，當使用CSS將元素組合在一起時，可能會出現溢出的情況。

溢出指的是元素占據的屏幕空間超過了它應該占據的空間。當元素被設置寬度為100%時，如果它的父元素或子元素的寬度超過了屏幕寬度，就會導致溢出。

為了解決這個問題，可以使用CSS的“彈性盒子”概念。彈性盒子是一種CSS框架，它可以使元素的寬度自適應其容器的寬度，從而避免出現溢出問題。

下面是一個使用彈性盒子的例子：

```css

.box {

width: 100%;

display: flex;

flex-wrap: wrap;

在這個例子中，`.box`元素被設置為寬度為100%，并使用`display: flex`屬性將其轉換為彈性盒子。`flex-wrap: wrap`屬性使元素適應其容器的寬度，而`wrap`選項的值越大，元素會被不斷滾動到下一個行。

另一個關鍵屬性是`flex-direction`，它可以使元素沿著容器的垂直方向排列。默認值為`row`，但如果容器的寬度超過屏幕寬度，元素就會溢出。因此，可以使用`flex-direction: column`來避免這個問題。

下面是一個使用彈性盒子的例子，其中垂直方向被設置為`column`:

```css

.box {

width: 100%;

display: flex;

flex-wrap: wrap;

flex-direction: column;

在這個例子中，`.box`元素被設置為寬度為100%，并使用`display: flex`屬性將其轉換為彈性盒子。`flex-wrap: wrap`屬性使元素適應其容器的寬度，而`flex-direction: column`屬性使元素沿著垂直方向排列。

使用彈性盒子可以使元素的寬度自適應其容器的寬度，避免出現溢出問題。但是，如果容器的寬度小于屏幕寬度，元素的寬度將不會自動調整。這時，需要使用CSS的“絕對定位”或“媒體查詢”等方法來限制元素的位置。

總之，使用彈性盒子可以避免CSS溢出問題，但是需要根據具體情況靈活運用。