Css 添加内容时背景不显示？

由于某种原因，当我向添加宽度和高度时，左侧部分，部分页面布局容器不会展开并显示背景，但如果我向部分页面布局容器添加高度，则背景渐变会完美重复，并且每个像素都会被填充

我试图把代码弄乱，但似乎什么也没用。一定是又一个愚蠢的错误

希望你们这些好人能帮助我：）

提前谢谢

我的HTML

使用溢出：隐藏

.section-page-layout-container {
    background:#984B09;
    background: url('../img/section-page-oj_gradient-background.png') repeat-y;
    background-size:contain;
    width: 100%;
    overflow: hidden;
}

当你在一个对象内浮动对象时，容器会收缩，这就是为什么你需要一个clearfix使用overflow:hidden

.section-page-layout-container {
    background:#984B09;
    background: url('../img/section-page-oj_gradient-background.png') repeat-y;
    background-size:contain;
    width: 100%;
    overflow: hidden;
}

---

当您在对象内部浮动对象时，容器会折叠，这就是为什么您需要clearfix

可能是一个浮动问题。尝试将“溢出：隐藏”添加到.section页面布局为什么不能在

.section页面布局容器上设置高度？Morpheus，因为高度是动态的。我的模板是WordPress，高度可以非常高。Billy Moat，就是这样：）谢谢！如果你写了一个答案，我会选择你为最佳！谢谢可能是浮动问题。尝试将“溢出：隐藏”添加到.section页面布局为什么不能在
.section页面布局容器上设置高度？Morpheus，因为高度是动态的。我的模板是WordPress，高度可以非常高。Billy Moat，就是这样：）谢谢！如果你写了一个答案，我会选择你为最佳！谢谢很高兴我能帮忙，如果你愿意，你可以选择正确的答案。很高兴我能帮忙，如果你愿意，你可以选择正确的答案
.section-page-layout-container {
    background:#984B09;
    background: url('../img/section-page-oj_gradient-background.png') repeat-y;
    background-size:contain;
    width: 100%;
    overflow: hidden;
}