Flexbox 和边缘：打印时 Flex 方向不起作用

Question

我正在尝试修改打印页面的布局。我的侧边栏中的内容应该在打印时显示在文章之前。下面的示例在 Chrome 中运行良好。

但由于某种原因，在 Edge 中（大惊喜......），它没有将内容添加到第 1 页的开头，而是随机将其添加​​到第 3 页的开头。就在另一个部分的中间。不知道这是为什么。

此内容位于此处： https: //www.bipc.com/california-privacy-bill-big-implications-for-us-businesses-part-i

我在本节中使用的 CSS 如下。.layout-sidebar仅指包含侧边栏的内容区域，.row指包含 2 个子项.col-content和.col-sidebar 的容器

@media print {
 .layout-sidebar .row {
    display: flex !important;
    flex-direction: column-reverse !important;
  }
}

对此的任何帮助将不胜感激。如果需要其他信息，请告诉我。

先感谢您。