重叠的行和部分html css bootstrap

Question

我遇到了一些我不想要的重叠元素的问题。我确定它没事，但我无法解决原因。这是一页布局，顶部有固定导航。家庭，服务，画廊，联系，约五个部分。缩放时，服务部分位于about部分的后面。我写这个例子来说明我的观点。 CSS，HTML，Bootstrap 3

//css
section {
   position:relative;
   padding:80px 0;
   min-height:100%;

}

<section id ="services">
   <div class = "container">
       <div class = "row">
             <div class="col-md-4">
                       some text and an icon etc...
             </div>
             <div class="col-md-4">
                       some text and an icon etc...
             </div>
             <div class="col-md-4">
                       some text and an icon etc...
             </div>
        </div>
     </div>
  </section>

  <section id = "about">
     <div class = "container">
        <div class = "row">

当放大时，它们会叠加，但只显示服务部分中的第一个块，其他两个块隐藏在about部分后面。

Answer 1

使用：

*{
    box-sizing: border-box;
  }

它将解决。