刪除圖像和div之間的額外空間

Question

如何刪除導航橫幅和其下面的主橫幅圖像之間的額外空間？

我刪除了填充和邊距，但沒有任何工作。

我的代碼如下。

我不想設置職位。誰能告訴我問題是什麼？

<div class="navbar navbar-inverse navbar-fixed-top"> 
     <div class="navbar-inner"> 
     <div class="container"> 
      <a class="btn btn-navbar collapsed" data-toggle="collapse" data-target=".nav-collapse"> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      </a> 
      <a class="brand" href="#" style="padding-top: 0px;"> 
      <img alt="change" class="defieLogo" src="http://www.defie.co/designerImages/defie_logo_only.png"> 
      </a> 
      <div class="nav-collapse collapse" style="height: 0px;"> 
      <ul class="nav"> 
       <li class="active"><a href="http://v2.defie.co/product.html">Product</a></li> 
       <li><a href="http://v2.defie.co/solution.html">Solutions</a></li> 
       <li><a href="/docs/examples/service.html">Services</a></li> 
       <li class="iphonePartnerLink"><a href="/docs/examples/partner.html">Partners</a></li> 
       <li class="iphoneContactLink"><a href="/docs/examples/contact.html">Contact</a></li> 
      </ul> 

      <ul class="nav" id="navSecond"> 
       <li class=""><a href="/docs/examples/partners.html">Partners</a></li> 
       <li><a href="/docs/examples/contact.html">Contact</a></li> 
      </ul> 
      <form class="navbar-form pull-right"> 
       <input class="span2" type="text" placeholder="Email"> 
       <input class="span2" type="password" placeholder="Password"> 
       <button type="submit" class="btn">Sign in</button> 
      </form> 
      </div><!--/.nav-collapse --> 
     </div> 
     </div> 
    </div> 


<div class="container"> 
     <header class="hero-unit-product"> 
     <h1> 
      Defie Cloud Business Solutions 
      <small>.. changing the way businesses operate.</small> 
     </h1> 
     <p><a class="btn btn-green btn-large" href="/signup/" data-link="modal" data-target="#signup-modal">Register</a></p> 
     </header> 
     </div> 

Answer 1

的主要問題與<article class="container">元件連接 - 它具有margin-top: 30px;。

您還必須更改padding-top爲.home選擇器。它現在設置爲55px，但必須是47px。

Answer 2

的空間來自哪裏：

.home article.container { 
    margin-top: 30px; 
} 

將其更改爲：

.home article.container { 
    margin-top: 0; 
}