重叠的行和部分html css bootstrap

时间:2015-07-05 11:36:13

标签: html css twitter-bootstrap

我遇到了一些我不想要的重叠元素的问题。我确定它没事,但我无法解决原因。这是一页布局,顶部有固定导航。家庭,服务,画廊,联系,约五个部分。缩放时,服务部分位于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">

enter image description here

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

1 个答案:

答案 0 :(得分:0)

使用:

*{
    box-sizing: border-box;
  }

它将解决。