2016-02-12 73 views
-1

据我所知,我还没有做错任何事情。 我正在学校项目中制作一个.PSD模板,在HTML/CSS/JS中完全一样。 我已添加我的CSS。如何删除这些部分之间的空间?

HTML:

<div class="center"> 

     <div class="services col-lg-3 col-md-3"> 
     more div's above ...</div> 
     <div class="services col-lg-3 col-md-3"> 
      <img class=serviceimg src="img/raket.png" /> 
      <p class=deeltitel2>Rocket services</p> 
      <p class=tekst2><?php include 'main/inc/mintekst.php'; ?></p> 
     </div> 
    </div> 
</section> 
<!--Here is nothing--> 
<section id="section3"> 
    <h1 class="titel">MEET OUR BEAUTIFULL TEAM </BR> -</h1> 
    <p class="tekst">We are a small teasm of designers, who help brands with big ideas.</p> 
    <div class="center"> 
     <div class="circle col-lg-3 col-md-3"></div> 
     <div class="circle col-lg-3 col-md-3"></div> 
     <div class="circle col-lg-3 col-md-3"></div> 
     <div class="circle col-lg-3 col-md-3"></div> 
</section> 

CSS:

* { 
    margin:    0; 
    padding:   0; 
    outline:   0; 
    text-decoration: none; 
} 

/*Body*/ 
a:link { 
    text-decoration: none; 
    color:    #fff 
} 
a:visited { 
    text-decoration: none; 
    color:    #FFF; 
} 
/*Sections general*/ 
section { 
    width:    100%; 
    height:    100vh; 
    font-family:  'Titillium Web', sans-serif; 
    font-weight:  400; 
    margin-bottom:  0; 
} 

enter image description here

有什么不对呢?

+1

哪里是你的CSS? – dippas

+0

'margin-bottom:0;' –

+0

您是否使用Twitter Bootstrap?如果是这样,什么版本? –

回答

-2

您可以添加一个style="margin-bottom:0px;"到是蓝盒子里的标签。或者你可以将它添加到相同标记ID下的CSS文件。

+0

这个答案只是错误的 –

+0

你也可以尝试将高度设置为一个设定的大小。 – tecksup

-1

这可能是因为你是斗内联块元素之间的空间。

这可以使用多种技术修复,但我最常使用的方法是将元素的字体大小设置为零。例如

​​

请记住,您需要明确设置所有子元素的字体大小。

section a { 
    font-size: 16px; 
} 

另一种更清洁的解决办法是运行如下的HTML。 Chris Coyier详细解释了这个问题here