我有两个容器，它们都是 main-content div 的子元素。每当第二个容器(或任何与此相关的容器)溢出时，我都可以滚动，但两个 div 都会溢出，只有内容溢出。
例如，下图显示第二个容器溢出，但背景颜色并没有在我滚动时完全扩展。我试过绝对定位，但结果不是我想要的。
此外，我希望在滚动时包含任何填充。例如，我是否将填充设置为 padding: 0 10px 我希望能够比溢出的内容多滚动 10px(考虑到我的 div 会扩展？)
这是一个JSFIDDLE复制的问题。
更新:
我可以通过设置每个单独的 div 的背景颜色并设置主背景颜色来解决这个问题，但这似乎有点不干净，我宁愿有更好的方法来获得所需的结果。
这JSFIDDLE是我想要的结果，但是有很多“黑客”，比如将 font-size 设置为 0，设置 main-content 的背景颜色，设置每个 div 的背景颜色等。我试图在没有所有这些解决方法的情况下获得相同的结果。
最佳答案
最简单的方法是使用表格布局。
.main-container {
display: table;
}
.container, .second-container{
display: table-row;
}
关于html - 内部 Div 溢出问题？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30771600/