调整大小时如何将div的位置更改为另一个div

【问题标题】：How to change the position of a div to another div when rezise调整大小时如何将div的位置更改为另一个div
【发布时间】：2019-04-21 10:35:21
【问题描述】：

场景：

我有两个div。
一个 div 是标题，另一个是表单。
但是当我在某些屏幕移动设备中调整它的大小时，它不正确。

待办事项：

当我在某些屏幕边距中调整大小时，我想要左 div 标题和 div 表单。
它表示根据左边距 div 形式调整标题左边距的大小。

如何解决？

【问题讨论】：

能否分享一下标记（html）

标签： css bootstrap-4

【解决方案1】：

我希望我是正确的。我的理解是您希望在手机屏幕上查看时将标题放在表单上方。使用媒体查询很容易做到这一点。见下文。 W3Schools | Media Queries

<div id="div1"></div>
<div id="div2"></div>

@media only screen and (max-width: 600px) {
     .div1 {
        display: block;
     }

     .div 2 {
        display: block;    
     }
}

.div1 {
   display: inline-block;
   width: 40%;
}

.div 2 {
   display: inline-block;
   width: 40%;
}

媒体查询非常强大，因为您可以使用它们来动态过滤样式方法，例如将上面的 div 设置为显示为块。（填充其容器的整个宽度）而不是放置在与另一个块相同的行上并且只占用其容器的 40%。如果需要，请提交标记以供审核。

【讨论】：