引导程序中的部分相互冲突答案

【问题标题】：sections in bootstrap colliding with each other引导程序中的部分相互冲突
【发布时间】：2022-01-20 18:18:34
【问题描述】：

我在 bootstrap 中有一个网站，网址是 enter link description here

我在主页中遇到对齐问题，大部分部分相互碰撞，我必须执行以下操作以使这些部分停止碰撞：

<section class="ds gallery-3 s-py-70 s-py-lg-100 s-py-xl-150" id="chinnu1" style="margin-top:80%">
  <div class="container">
    <div class="row">
      <div class="col-sm-12 text-center">
        <h4 class="big-title" style="text-align:center">
          OUR SERVICES
        </h4>
      </div>

我给了margin-top的所有部分，这样它们就不会发生碰撞，现在的问题是几天后再次发生这种碰撞，我必须再次调整这个margin-top，谁能告诉我如何永久解决这个问题

【问题讨论】：

标签： html css bootstrap-4 sections

【解决方案1】：

我深入了解了您的网站。你的问题不是利润。这是猫头鹰旋转木马。他们的位置是绝对的，所以他们会超越其他元素

    section.carousel-section .container-fluid {
        overflow: hidden;
        position: absolute;
    }

这应该是位置：相对的；

【讨论】：