2016-02-12 70 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