css - 试图让图像填满整个左侧

Question

我正在我的 WordPress 网站中开发一个页面，当我将鼠标悬停在右侧的元素标题上时，该页面会显示我工作过的网站。现在它看起来像这样:

如您所见，图像没有填满整个左侧，这是我的问题。我如何让它在 css 中填充整个左侧？

这是我的 _acf-work-portfolio.scss 文件:

/*---------------------------------------------------------------------------*/
/*  Work Portfolio
/*---------------------------------------------------------------------------*/
.work-entry {
  display: block;

  .work-left {
    position: absolute;
    height: 50%;
    width: 50%;
    background-color: green;
    color: white;
  }
  .work-right {
    overflow-y: scroll;
    display: block;
    width: 50%;
    padding: 100px 25px;
    float: right;
    background-color: #f4f4f4;

        li {
            margin-top: 50px;
            margin-bottom: 50px;
        }
  }

  .item {
    display: none;
    position: relative;
    &.active {
        display: block;
    }
  }
}

我应该可以调整元素的类别，但我无法解决它。

Answer 1

在 .item 元素中将高度和宽度设置为 100%

.item { 高度:100%； 宽度:100%；