html - 图片超出容器

我有一个要与横幅重叠的图像，但是当我调整窗口大小时，图像不随其移动而出现问题。 Ive提供了屏幕截图和我的CSS。



CSS：

.coslogo {
    display: block;
    margin: -150px auto 0;
    top: 150%;
    /*padding: 20px;*/
    width: 100%;
    left: 50%;
    margin-left: 590px;
    z-index: 9;
}

.coslogo img {
    overflow: auto;
}

最佳答案

由于您如何放置重叠的横幅，因此您似乎已将位置设置为绝对位置。您需要将position:relative;添加到.coslogo的css中。如果没有html，我无法更具体地说明问题，因此，如果这样做没有帮助，请包括在内！