本文介绍了CSS Flexbox：一个居中的孩子在位置固定的情况下溢出父母的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
如何正确地将 #content 居中，而不会溢出 #container ？ 保证金：自动有点作品，但看起来像一个黑客给我，我不想使用CSS Flexbox的任何利润。
请记住， #container 有 position：fixed 。
以下代码演示了这个问题：
$ b
document.getElementById（'content'）。 innerHTML = [... Array（100）.keys（）]。join（'< br>'） #container {position：fixed;背景：浅蓝色;顶部：0;底部：0;左：0;正确：0;显示：flex; align-items：center; justify-content：center; overflow：auto;}＃content {border：1px solid green; / *取消注释下面的hack以获得所需的行为* / / * margin：auto * /} < div id =container> < div id =content>