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

Question

我有一个 container div，它有一个 innerdiv，而 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;
}

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

Answer 1

我很困惑你需要什么。如果您只是希望灰色背景颜色扩展到边框，只需将背景颜色添加到 .box 和 .innerbox。如果这不是你想要做的，请澄清。