bootstrap 中的部分相互冲突

Question

我在 bootstrap 完成了一个网站，url 是 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，谁能告诉我如何解决这永久

Answer 1

我深入了解了您的网站。你的问题不是保证金。这是 owl 旋转木马。他们的位置是绝对的，所以他们超越了其他元素

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

这应该是 position:relative;

bootstrap 中的部分相互冲突

sections in bootstrap colliding with each other

html

css

sections

bootstrap-4