css图片溢出水平 |css3渐变背景颜色

img {
max-width: 100%;
height: auto;
}

为了解决这个问题，大家可以使用以下的 CSS 代码：

img {
max-width: 100%;
height: auto;
}

这个 CSS 规则的作用是设置图片的最大宽度为其父容器的宽度，并保持其高度自动调整以保持图片比例不变。这样就能够防止图片溢出其父容器，同时又能保持图片的比例不变。

需要注意的是，这个 CSS 规则只对设置了固定宽度的父容器有效。如果父容器的宽度是自适应的，那么图片可能会超出其宽度。在这种情况下，大家可以考虑使用 CSS Flexbox 或 CSS Grid 等布局技术来解决这个问题。

另外，如果图片需要实现水平滚动效果，大家可以使用 overflow-x 属性来设置其父容器的水平滚动。例如：

.container {
overflow-x: auto;
}

以上就是关于 CSS 图片溢出水平的介绍，希望对您有所帮助。