jquery - 使用 scrollHeight 设置元素的背景颜色/图像

Question

我有一个 container div，它有一个 innerdiv，后者又有多个 div 元素。最外面的容器 div 具有更大的高度，y 轴溢出。我正在尝试为 innerdiv 提供背景颜色，但这种样式仅适用于 innerdiv 的部分部分，可滚动高度不会获得提供的背景颜色。我尝试分配 height() 以及 innerdiv 的 scrollHeight 等于container div 使用 jquery，但它没有改变任何东西。有没有办法通过 css/script 来做到这一点。

使用的 div 的 css 是:

 .box {
  align-content: flex-start;
  border: solid 5px gray;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: 50px;
  max-width: 900px;
  height: 100%;
  overflow-y: scroll;
}

.innerbox {


  background-color:gray;
    background-size: cover;
  margin: 5px;
  flex-direction: row;
  display: flex;
  border: solid 1px gray;
  flex-wrap: wrap;
  justify-content: space-between;
}

这是 fiddle 链接，虽然在那里看起来不错，但在本地保存为文件时却不行。 https://jsfiddle.net/rawatdeepesh/rtcdL9u9/

Answer 1

我不知道你需要什么。如果您只想将灰色背景色延伸到边框，只需将背景色添加到 .box 和 .innerbox 即可。如果那不是您要执行的操作，请澄清。