css - ウィンドウのサイズが変更されたときに div とそのテキストを非表示にするにはどうすればよいですか?

Question

2 つの DIV を含む大きなコンテナー (幅 2400 ピクセル以上) があります (添付の写真を参照)。ウィンドウのサイズが変更されるか、コンピューターでサポートされている解像度が低い場合、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; }
}