我遇到了一些我不想要的重叠元素的问题。我确定它没事,但我无法解决原因。这是一页布局,顶部有固定导航。家庭,服务,画廊,联系,约五个部分。缩放时,服务部分位于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部分后面。
答案 0 :(得分:0)
使用:
*{
box-sizing: border-box;
}
它将解决。