Html 保证金权利<；部门>；在<；部门>；未在flexbox布局中显示

我想创建一个容器

div

包装另一个

div

，它可以滚动，并且在所有边上都有相等的边距。问题是右侧没有反映

边距

设置，而

内部

div

仅滚动到

宽度

设置的末尾

我读过其他帖子，发现这可能与

宽度设置的方式有关，但我无法让css完全适合我的情况



身体{
显示器：flex；
对齐项目：居中；
证明内容：周围的空间；
}
.外部{
高度：600px；
溢出：滚动；
边框：1px纯红；
}
.内部{
最小宽度：2500px；
最小高度：2500px；
利润率：12.5px；
背景颜色：绿色；
}
内部元件的
最小宽度
大于容器提供的可用水平空间。我已删除此属性。请查看下面的代码片段


正文{
显示器：flex；
对齐项目：居中；
证明内容：周围的空间；
}
.外部{
高度：600px；
溢出：滚动；
边框：1px纯红；
宽度：85%；
}
.内部{
最小高度：2500px；
利润率：12.5px；
背景颜色：绿色；
}
我刚刚在内部div css中添加了
溢出：inherit



身体{
显示器：flex；
对齐项目：居中；
证明内容：周围的空间；
}
.外部{
高度：600px；
溢出：滚动；
边框：1px纯红；
}
.内部{
最小宽度：2500px；
最小高度：2500px；
利润率：12.5px；
背景颜色：绿色；
溢出：继承；
}
设置
.internal
至
显示：内联块
实现所需的行为



身体{
显示器：flex；
对齐项目：居中；
证明内容：周围的空间；
}
.外部{
高度：600px；
溢出：滚动；
边框：1px纯红；
}
.内部{
显示：内联块；
最小宽度：2500px；
最小高度：2500px；
利润率：12.5px；
背景颜色：绿色；
}
也许您可以在
的周围添加另一个
div
inner
并将填充设置为itTry
overflow:scroll
或
overflow:inherit
inner div。我需要为inner div指定一个固定的宽度，然后在所有边上加上额外的边距。有办法做到这一点吗？我也尝试过添加更多的div，但没有成功，但这并不是我想要的方式。删除最小宽度后，不再有水平滚动。请查看更新的解决方案。正如您所指出的，如果
internal
具有固定宽度，则不会显示边距，因此我使用border制作了一个假边距。希望这有帮助。我还删除了flex属性-它们不是必需的。谢谢。请参阅我自己的答案，以获得一个不需要“假保证金”的有效解决方案。我添加了flex属性作为部分完整性，以帮助找到与我的约束相关的解决方案？