在网页设计中，轮播图是一个很受欢迎的元素。但是，当轮播图中的图片宽高比例和外层容器不一致时，会导致图片溢出父容器，影响页面布局。

这时可以使用CSS的溢出影藏属性来解决问题。

.container {
width: 500px;
height: 300px;
overflow: hidden; /* 溢出影藏 */
}
.img-wrapper {
position: relative;
width: 600px; /* 比容器宽 */
height: 400px; /* 比容器高 */
left: -50px; /* 负值移动 */
}

通过设置外层容器的overflow: hidden;属性，可以将溢出部分影藏。而对于图片容器，可以通过设置负值的left或top属性，将图片移动至可视区域内。

实际使用时，可以将轮播图项目放在容器内，再结合JavaScript实现自动滑动和手动控制，达到更好的交互效果。