當我們使用CSS樣式定義一個容器時，如果該容器的寬度不夠，往往會影響頁面的顯示效果。這時，我們就需要使用CSS來讓容器變寬。

/* 以class為.container的div容器為例 */
.container {
width: 50%; /* 當前寬度為父元素的50% */
max-width: 500px; /* 最大寬度為500px */
min-width: 300px; /* 最小寬度為300px */
}

如上代碼所示，我們可以通過設置width值來讓容器變寬，同時，使用max-width和min-width可以限制容器的最大和最小寬度，從而保證容器的寬度在一定范圍內。此外，我們還可以使用百分比來設置容器寬度，以便適應不同屏幕尺寸的設備。

/* 以body元素為父元素的容器為例 */
.container {
width: 80%; /* 當前寬度為父元素的80% */
max-width: 1200px; /* 最大寬度為1200px */
min-width: 600px; /* 最小寬度為600px */
}

如上代碼所示，我們可以使用body元素作為父元素，通過設置width屬性來讓容器變寬。同時，使用max-width和min-width對容器的寬度進行限制，從而保證容器的寬度適應不同的屏幕尺寸。這樣，在不同的設備上，頁面都可以顯示得更加美觀。