如何刪除元素之間的空間？

Question

你好，我用我的Web項目引導3.3.7

這是我的HTML代碼示例：

<nav class="navbar navbar-default nobottommargin" role="navigation"> 
    <div class="container-fluid"> 

     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-9"> 
       <span class="sr-only">Toggle navigation</span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 
      <a class="navbar-brand" href="#">Brand</a> 
     </div> 

     <div class="collapse navbar-collapse" id=""> 
      <ul class="nav navbar-nav"> 
       <li class="active"><a href="#">Home</a></li> 
       <li><a href="#">Link</a></li> 
       <li><a href="#">Link</a></li> 
      </ul> 
     </div> 

    </div> 
</nav> 

<iframe src="https://www.news.sky.com" style="width:100%;height:100%" frameborder="3"></iframe> 

，這裏是工作JSFiddle。

正如您在示例中看到的那樣，導航欄和框架之間有一些空間。

我該如何移除這個空間？我怎樣才能使iframe元素靠近導航欄？

Answer 1

這並不改變預定義的引導風格很好的做法刪除引導的margin-bottom，即使使用!important。

你只需要設置負的margin-top的IFRAME：

iframe { 
    margin-top: -20px; 
}