CSS更適合其父項中的子div

-1

我正在嘗試設置導航菜單及其相應內容的樣式，我正在使用bootstrap。CSS更適合其父項中的子div

編輯按評論（感謝您指出了這一點）：

<html> 
    <head> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
    </head> 

    <body> 
    <nav id="navigation" class="navbar navbar-inverse navbar-fixed-top" data-spy="affix"> 
     <div class="container"> 
     <div class="navbar-header"> 
      <a class="navbar-brand" href="#">Project name</a> 
     </div> 

     <div class="navbar-collapse collapse"></div> 

     <div class="navbar-collapse collapse"> 
      <ul id="main-navigation" class="nav navbar-nav"> 
      <li class="item-1"><a href="#">MENU ENTRY 1</a></li> 
      </ul> 
     </div> 
     </div> 

     <div id="navigation-content" class="container-fluid"> 
     <div class="navigation-content-subsection" id="item-1"> 
      <div class="something"><p>content for MENU ENTRY 1 goes here.</p></div> 
     </div> 
     </div> 
    </nav> 
    </body> 
</html>

相關SCSS是：

$main-background: #e74c3c; 
$menu-background: #ecf0f1; 

body { 
    background: $main-background; 
} 

#navigation-content { 
    background: $menu-background; 
}

正如你可以看到顯示的菜單項的內容（它會在懸停事件時顯示）。我遇到的問題是，我想爲內容和主導航提供不同的顏色，但我找不到隱藏底部黑線的方法。它看起來像navigation-content-subsection股利沒有采取全高或換句話說它不完全適合其父股利。

我怎樣才能讓它隱藏底部黑線？

來源

2015-12-11 new_fish

navbar-fixed-top導致它。

.navbar-fixed-top { 
    border-width: 0px; 
}

我發現了這一點，則通過查找Chrome瀏覽器開發工具（檢查），直到我看到這件有一個邊界。

來源

2015-12-11 16:32:16

謝謝，這是我的問題的解決方案。 –

CSS更適合其父項中的子div

回答

相關問題