html - 重叠行和部分 html css bootstrap

Question

我遇到了我不想要的重叠元素的问题。我确定没问题，但我不明白为什么。这是一个单页布局，顶部有固定导航。有五个部分:主页、服务、画廊、联系方式、关于。缩放时，服务部分位于关于部分后面。我写这个例子是为了说明我的观点。 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">

放大时，它们会堆叠，但仅显示服务部分中的第一个 block ，其他两个 block 隐藏在“关于”部分后面。

Answer 1

使用:

*{
    box-sizing: border-box;
  }

它会解决。