当窗口调整大小时，如何创建div并使其文本消失？

Question

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

我试过了：

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

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

提前致谢！

Answer 1

您可以使用border:none来解决此问题，而不是display:none：

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