CSS是设计网页的重要工具之一，但是如果CSS中的宽度设置超出了页面尺寸，会导致网页布局混乱，影响用户体验。下面我们来详细探讨这个问题。

.example {
width: 120%;
}

如上所示的代码，宽度设置为120%会导致元素的宽度超出原本的页面宽度，这时候就会发生横向滚动条出现，导致用户在浏览页面时很不舒服。

为了避免这种情况发生，我们可以采用以下几种方法：

1. 使用百分比或者em等相对单位来设置宽度。
2. 使用max-width属性限制容器元素的最大宽度，这样就不会超出页面尺寸了。
3. 使用响应式布局，在不同的屏幕尺寸下，自适应调整宽度，避免出现滚动条。

.example {
max-width: 100%;
}

如上所示的代码，使用max-width:100%就能够很好地解决这个问题。这样即使在不同的屏幕尺寸下，元素的宽度也不会超出页面宽度，而且还能够达到响应式的效果。

总之，在CSS中设置宽度时，要特别注意不要超出页面尺寸，避免影响网页布局和用户体验。