css - 调整窗口大小时，如何使 div 及其文本消失？

Question

我有一个大容器（超过 2400 像素宽），里面有 2 个 DIV（见附图）。当窗口调整大小或计算机支持的分辨率较低时，只有 DIV 1 应该可见，然后 DIV 2 应该消失。

我试过了：

@media all and (max-width: 1800px) {
  #DIV2 { display: none; }
}

当然，它确实有效，但我希望 DIV2 中的文本在调整窗口大小时保持在其位置而不向左移动——即使它只有几个像素。我玩弄了position属性和margins，但是没有用。如何修复文本？

提前致谢！

Answer 1

您可以使用border:none此问题代替display:none：

@media all and (max-width: 1800px) {
  #DIV2 { border: none; }
}