当浏览器的宽度为移动设备调整大小时，

我正在尝试将2个DIV一个放在另一个下面。请注意，一个DIV中

有两个输入字段。

<代码><；DIV类="；新闻稿"；>；<；DIV类="；新闻-IMG"；>；<；/DIV>；<；DIV类="；新闻内容<；DIV类="；新闻文本"；>；<；H4>；bla bla<；/H4>；<；/DIV>；<；DIV类="；表单换行"；>；<；输入类型="；电子邮件"；名称="；电子邮件"；placeholder="；电子邮件"；必需="；"；>；<；输入类型="；提交"；值="；提交"；>；<；/DIV>；<；/DIV>；<；/DIV>；

我试图解决它使用：

  <div class="newsletter">
       <div class="news-img"></div>
          <div class="news-content">
        <div class="news-text">         
             <h4>Bla bla</h4>
        </div>

    <div class="form-wrap">
      <input type="email" name="EMAIL" placeholder="Email" required="">
      <input type="submit" value="Submit">
    </div>

   </div>
 </div>

并用其他一些属性进行测试，但运气不佳。

https：//codepen.io/filipdevelop/pen/zyzagbp.

有人

能帮忙吗？

---

顺晟科技：

如果我理解正确的话：

@media only screen and (max-width: 600px) {
  .news-content {
    flex-direction: column;
    width: auto;
  }
}

<代码><；DIV类=“新闻稿”>；<；DIV CLASS=“ news-IMG ”>；<；/DIV>；<；DIV类=“新闻内容”>；<；DIV类=“ news-text ”>；<；H4>；bla bla<；/H4>；<；/DIV>；<；DIV类=“ form-wrap ”>；<；输入type=“电子邮件” name=“电子邮件” placeholder=“电子邮箱” required=“ ”>；<；输入类型=“提交”值=“提交”>；<；/DIV>；<；/DIV>；<；/DIV>；

声明父级.news-content { position: relative; display: grid; align-items: center; grid-template-columns: 1fr 1fr; padding: 30px 35px; text-align: left; color: black; text-align: left; } .form-wrap { display: inline-flex; } .form-wrap input[type=email] { width: 70%; margin: 0; } .form-wrap input[type=submit] { background-color: #bd9b84; width: auto; padding: 13px 21px 13px 24px; margin-left: 5px; } .form-wrap input[type=submit]:hover { background-color: #bd9b90; } @media only screen and (max-width: 600px) { .news-content { grid-template-columns: 1fr; width: auto; } .form-wrap { display: flex; flex-direction: column; align-items: flex-start; gap: 1em; } .form-wrap input[type=submit] { margin-left: 0; } .form-wrap input[type=email] { padding: 1em 0; } }，然后将<div class="newsletter"> <div class="news-img"></div> <div class="news-content"> <div class="news-text"> <h4>Bla bla</h4> </div> <div class="form-wrap"> <input type="email" name="EMAIL" placeholder="Email" required=""> <input type="submit" value="Submit"> </div> </div> </div>声明为position : relative