IE11打印命令弹窗无垂直滚动条，Chrome中正常显示问题排查

这个IE11的打印滚动条bug我之前处理过好几次，老浏览器的兼容性 quirks 确实让人头疼。结合你提供的CSS和HTML代码，给你几个针对性的修复方案：

方案1：强制显示垂直滚动条（最简单直接） #

IE11在打印预览模式下对overflow-y: auto的渲染存在bug——当内容超出容器高度时，滚动条不会自动显示。把overflow-y的属性值改成scroll就能强制滚动条始终可见，哪怕内容没溢出（此时滚动条是灰色不可用状态，但至少在需要滚动时能正常显示）：

修改后的CSS：

DIV.ScrollBoxSR { 
  height:225px; 
  border-top: 2px inset silver; 
  border-bottom: 1px solid silver; 
  border-right: 2px inset silver; 
  border-left: 2px inset silver; 
  overflow-x: hidden !important; 
  overflow-y: scroll !important; /* 把auto改成scroll */
  white-space: normal; 
  word-break: break-all; 
  word-wrap: break-word; 
}

方案2：针对IE11打印模式的专属CSS Hack #

如果不想让滚动条在内容未溢出时也显示，可以用IE11专属的CSS选择器，只在打印模式下强制显示滚动条：

/* 全局样式保持不变，新增打印媒体查询 */
@media print {
  /* IE11专属选择器，仅对IE11生效 */
  _:-ms-fullscreen, :root .ScrollBoxSR {
    overflow-y: scroll !important;
    /* 可选：设置IE专属的滚动条样式，让它更显眼 */
    scrollbar-face-color: silver;
    scrollbar-shadow-color: gray;
    scrollbar-track-color: #f0f0f0;
  }
}

这个hack利用了IE11特有的-ms-fullscreen伪类，确保样式只作用于IE11，不会影响Chrome等现代浏览器。

方案3：调整容器高度的计算方式 #

IE11在打印模式下可能对固定高度的容器计算有误，导致滚动条无法触发。可以尝试把固定高度height:225px改成min-height:225px，同时添加max-height:225px来限制容器最大高度：

DIV.ScrollBoxSR { 
  min-height:225px; 
  max-height:225px; /* 保持容器高度上限 */
  /* 其他样式不变 */
}

这样既保证了容器的最小高度，又能让IE11更准确地计算内容是否溢出，从而正确显示滚动条。

如果以上方案都不生效，还有个临时的workaround：把打印弹窗里的内容复制到新的浏览器窗口，再执行打印——现代浏览器（包括IE11）在普通窗口的打印预览中滚动条渲染会更稳定。

内容的提问来源于stack exchange，提问作者Punk