CSS图片超出宽度+隐藏是一种常见的网页排版技巧。当图片过宽时，会导致页面排版混乱，影响阅读体验。这时候，我们可以通过CSS控制图片的宽度和高度，以及添加超出部分的隐藏。下面是一些常用的代码实现。

/* 限制宽度为250px，高度自适应 */
img {
max-width: 250px;
height: auto;
}
/* 使用overflow:hidden隐藏超出部分 */
.container {
width: 300px;
height: 200px;
overflow: hidden;
}
.container img {
max-width: none; /* 解除最大宽度限制 */
width: 100%; /* 填充整个容器宽度 */
height: auto; /* 高度自适应 */
}
/* 添加鼠标悬停效果 */
.container img:hover {
opacity: 0.8;
}

以上代码可以在实际项目中进行适当的修改，以达到最佳的效果。例如可以更改容器的宽度和高度，增加图片的圆角、阴影等效果，或者使用JavaScript实现更复杂的动画效果。