Css 如何防止两个div重叠？

我有一个页面，当我在笔记本电脑屏幕上查看此页面时，两个div正确呈现，但当我在移动屏幕上查看此页面时，这两个div相互重叠。我想删除这些div的重叠，并想先读取第一个div，然后读取第二个div

---

如何做到这一点？

使用引导程序检查。它提供了响应性CSS。您必须包含所需的div类

示例：如果有两个div，将它们放在一个主div中，然后使用单独的div类调用每个div。像

<div class="col-sm-12">

<div class="col-sm-6">
// your code for first div
</div>

<div class="col-sm-6">
//your code for second div
</div>

</div>

//你第一个div的代码
//你的第二组代码

---

像这样试试。它可能会对您有所帮助。

我希望我理解您的问题，因为它不是很清楚（没有提供代码）

但我认为你需要做的是：

<!-- Probably your html part -->

<div class = "wrapper">
    <div class = "container">
        <!-- Some content-->
    </div>
    <div class = "container">
        <!-- Some content-->
    </div>
</div>

通过使用媒体查询，您可以轻松修复此类问题

@media only screen and (max-width:768px){
.vc_row-fluid.lighter-overlay, 
.vc_row-fluid.darker-overlay{
 display:inline-block; /* Change this to inline-block instead of block */
}
}

---

但这是为标题创建问题，请相应地解决您在问题中添加的注释，即演示URL已被删除

问题根源：

#场馆_草稿

具有内嵌样式，包括

高度：900px

---

解决方案：应该删除它（元素应该自动适应更多或更少的内容。不固定高度是一个好的开始），或者，如果出现其他问题，用

minheight:900px

替换，请添加一些代码（HTML/CSS）回答你的问题。你尝试过什么吗？分享你的代码你尝试过什么？你可以让那些div响应，然后尝试。有一个魔术可以解决90%的问题；将“display:inline block”应用于那些奇怪的divs…你能提供一些代码让我看看问题是什么吗？此方法通常适用于所有设备。请使用“最大宽度”而不是“最小宽度”，我在代码中做了更改

@media only screen and (max-width:768px){
.vc_row-fluid.lighter-overlay, 
.vc_row-fluid.darker-overlay{
 display:inline-block; /* Change this to inline-block instead of block */
}
}