Javascript 响应CSS div定位优先级

首先，我要感谢社区成员对我的巨大帮助 上个月在这里发现的。我没有一个项目是在没有你的提示和技巧的情况下完成的

现在我遇到了一个问题，需要您的帮助：

我有一个这样的布局：

有一个外盒（外盒）和两个内盒（Div1和mitte_rechts）。在“mitte_rechts”中还有两个盒子（第2部分，第3部分），它们都是对齐的。我想要的是，当窗口缩小到断点（768）时，第一个Div3将显示在mitt_rechts中的Div2下。也许我只是被封锁了，但有解决办法吗？ 到目前为止，没有使用JS

提前谢谢

尝试以下方法：

.d1 {
    float: right;
    background: blue;
    color: white;
}

.d2 {
    background: orange;
    float: left;
}

@media screen and (max-width: 768px) {
    .d1, .d2 {
        float: none;
        display: block;
    }
}

顺便说一句：在div上不需要

内联块

。内联块是浮动块的替代品。所以要么使用浮动块，要么使用内联块。我不喜欢内联块，因为IE6和IE7不支持它。

尝试以下方法：

.d1 {
    float: right;
    background: blue;
    color: white;
}

.d2 {
    background: orange;
    float: left;
}

@media screen and (max-width: 768px) {
    .d1, .d2 {
        float: none;
        display: block;
    }
}

1） 移除

宽度：70.81%；'从.mitt\u rechts开始

2） 添加以下样式：

 .d1, .d2{
   float:left;
 }

 @media (min-width: 768px){
   .mitte_rechts{
     width:70.81%;
   }

   .d1{
     float:right;
   }
 }

---

谢谢你，你的提示奏效了。今天我将在我的项目中实现它。

 .d1, .d2{
   float:left;
 }

 @media (min-width: 768px){
   .mitte_rechts{
     width:70.81%;
   }

   .d1{
     float:right;
   }
 }