试图让图像填满整个左侧

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％; }