媒体查询div下的绝对div？

Question

我有两个具有绝对位置的div，我希望当屏幕尺寸小时将我的左边div放在右边div。

我的div的例子

.left-block {
  position: absolute;
  left: 0px;
  top: 84px;
  background-color: #ffdc3a;
  width: 53.95833333333333%;
  height: 100vh;
}.

right-block {
  position: absolute;
  background-color: white;
  left: 53.95833333333333%;
  top: 84px;
  width: 46.041666666666664%;
  height: 100vh;
}

我必须做什么？我试试这个，但是div互相攻击，并没有成为一个完全失去背景颜色

@media screen and (max-width: 1024px) {


.left-block {
   position: relative !important;
   width: 100% !important;
}

.right-block {
  position: relative !important;
  width: 100% !important;
}

}

Answer 1

只需删除媒体查询中的相对位置，然后添加position: static;。

在你的html代码中，右边的块应该是第一个。