Html 带有侧边栏的Flexbox布局（无法打印整个页面）

我面临的问题是，我无法使用下面的布局打印整个页面。当我在浏览器上点击“打印”按钮时，即使内容超过了我设置的100vh高度，我也会得到1页。你能告诉我这里有什么问题吗

注意：您可能需要复制代码并在本地运行我们的程序来查看问题。当我尝试在stackoverflow中使用代码段的完整页面选项打印时，我得到了4页，其中也包含代码

我面临的限制：

必须使用FlexBox

右边的边栏边框应横跨屏幕的整个高度

侧边栏和内容区域应独立滚动，侧边栏在其所在位置保持固定

.main容器{
高度：100vh；
显示器：flex；
}
.目录{
弹性：1自动；
填充：10px；
溢出：隐藏；
}
.目录：悬停{
溢出：自动；
}
.侧边栏{
flex:0自动；
顺序：-1；
宽度：250px；
右边框：1px实心；
填充：10px；
溢出y：隐藏；
}
.侧边栏：悬停{
溢出y：自动；
}
身体{
保证金：0；
填充：0；
}

内容包括：我的同僚，我的同僚，我的工作和工作时间。但是，在最低限度上，我们需要一个实验室来进行日常工作。酒后驾车
我的心在我的心上，我的心在我的心上。除偶尔因疏忽而导致的意外情况外，内容物应为同一内容物，且应为高级船员，并应为临时劳工和大型货物。但是，在最低限度上，我们需要一个实验室来进行日常工作。酒后驾车
我的心在我的心上，我的心在我的心上。除偶尔因疏忽而导致的意外情况外，内容物应为同一内容物，且应为高级船员，并应为临时劳工和大型货物。但是，在最低限度上，我们需要一个实验室来进行日常工作。酒后驾车
我的心在我的心上，我的心在我的心上。除偶尔因疏忽而导致的意外情况外，内容物应为同一内容物，且应为高级船员，并应为临时劳工和大型货物。但是，在最低限度上，我们需要一个实验室来进行日常工作。酒后驾车
我的心在我的心上，我的心在我的心上。除偶尔因疏忽而导致的意外情况外，内容物应为同一内容物，且应为高级船员，并应为临时劳工和大型货物。但是，在最低限度上，我们需要一个实验室来进行日常工作。酒后驾车
我的心在我的心上，我的心在我的心上。除偶尔因疏忽而导致的意外情况外，内容物应为同一内容物，且应为高级船员，并应为临时劳工和大型货物。但是，在最低限度上，我们需要一个实验室来进行日常工作。酒后驾车
我的心在我的心上，我的心在我的心上。除偶尔因疏忽而导致的意外情况外，内容物应为同一内容物，且应为高级船员，并应为临时劳工和大型货物。但是，在最低限度上，我们需要一个实验室来进行日常工作。酒后驾车
我的心在我的心上，我的心在我的心上。除偶尔因疏忽而导致的意外情况外，内容物应为同一内容物，且应为高级船员，并应为临时劳工和大型货物。但是，在最低限度上，我们需要一个实验室来进行日常工作。酒后驾车
我的心在我的心上，我的心在我的心上。除偶尔因疏忽而导致的意外情况外，内容物应为同一内容物，且应为高级船员，并应为临时劳工和大型货物。但是，在最低限度上，我们需要一个实验室来进行日常工作。酒后驾车
我的心在我的心上，我的心在我的心上。除偶尔因疏忽而导致的意外情况外，内容物应为同一内容物，且应为高级船员，并应为临时劳工和大型货物。但是，在最低限度上，我们需要一个实验室来进行日常工作。酒后驾车
我的心在我的心上，我的心在我的心上。除偶尔因疏忽而导致的意外情况外，内容物应为同一内容物，且应为高级船员，并应为临时劳工和大型货物。但是，在最低限度上，我们需要一个实验室来进行日常工作。酒后驾车
我的心在我的心上，我的心在我的心上。除偶尔因疏忽而导致的意外情况外，内容物应为同一内容物，且应为高级船员，并应为临时劳工和大型货物。但是，在最低限度上，我们需要一个实验室来进行日常工作。酒后驾车
我的心在我的心上，我的心在我的心上。除非圣约翰无过失，内容物为同一物品，不可存放