图像溢出设置为隐藏但仍然无法正常工作

Question

我有一个图像，即使它的父级设置为overflow: hidden 仍会溢出并在页面上创建水平滚动。 Shown here

以下是相关代码：

    .section2img {
        overflow-x: hidden !important;
        height: min-content;
        position: relative;
        width: 50vw;
        right: -60%;
        top: 0;
    }

    .section2 img {
        position: relative;
        overflow-x: hidden !important;
    }

GitRepo if needed

Answer 1

所以你可以做的是设置img的宽度使其与网站匹配，然后在img中添加object-fit: cover;，它所做的就是将溢出的部分剪掉。