CSS中的圖片寬不大于與頁面排版跟網頁架構息息相關。通常情況下，我們在編寫CSS樣式時會用到圖片，這時我們會考慮圖片的寬度和高度是否匹配。如果我們設置的圖片寬度超過了容器的寬度，就會有溢出的情況發生。

.container{
width: 500px;
height: 300px;
}
img{
max-width: 100%;
height: auto;
}

如上述代碼所示，我們在容器中設置了一個寬度，但是并沒有設置圖片的寬度和高度，這時我們會默認使用原圖的大小。如果圖片過大，就會輕易的超出容器的邊界，破壞頁面的布局。

這時，我們就需要對圖片進行一些處理了。我們可以使用max-width屬性限制圖片的最大寬度，這樣就可以保證圖片不會超出容器的寬度范圍。另外，我們也可以將圖片的高度設置為自適應，保證圖片的比例不會失調。

總之，CSS中的圖片寬度不應該超過容器的寬度，在設置圖片大小時這一點需要格外注意。若要使用CSS實現響應式設計，圖片寬不大于這一規則也是必須遵循的。