無法刪除上邊距

我有菜單：無法刪除上邊距

<div class="col-sm-3 col-md-2 sidebar" style="background-color:white"> 
    <ul class="sideMenu nav nav-sidebar"> 
     <li class="dontHide"><a href="">Producers</a></li> 
     <li><a href="/Manufacturer">Producers</a></li> 
    </ul> 
    <ul class="sideMenu nav nav-sidebar"> 
       <li class="dontHide"><a href="">Device library</a></li> 
       <li><a href="/Device">Device list</a></li> 
    </ul> 
    <ul class="sideMenu nav nav-sidebar"> 
     <li class="dontHide"><a href="">Device Instances</a></li> 
     <li><a href="/DeviceInstance">Device instances</a></li> 
     <li><a href="/DeviceInstance/Summary">Instances summary</a></li> 
    </ul> 

</div>

而這個菜單是這樣的：

，你可以用hover看到活動中的背景顏色與一定的餘量改變愨UL和border-bottom之前的元素。我試着CSS：

.sidebar > ul{ 
    border-bottom: 1px solid #eee; 
} 
.sidebar > ul:hover{ 
    background-color:#f4f4f4; 
} 
.sidebar > ul> li > a{ 
    margin-top:0px 
}

或保證金底：

.sidebar > ul> li > a{ 
    margin-bottom:0px 
}

您可以檢查此的jsfiddle CLICK時，您將能夠看到利潤率我試圖刪除。

來源

2014-05-05 szpic

你應該在兩個地方更改：

.nav-sidebar{margin-bottom:0;}

和

@media (min-width: 768px) { 
.sidebar { 

padding: 0 20px; 

} 
}

所以代碼將是：

@media (min-width: 768px) { 
    .sidebar { 
    position: fixed; 
    top: 51px; 
    bottom: 0; 
    left: 0; 
    z-index: 1000; 
    display: block; 

    padding: 0 20px; 
    overflow-x: hidden; 
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */ 
    background-color: #f5f5f5; 
    border-right: 1px solid #eee; 
    } 
} 

/* Sidebar navigation */ 
.nav-sidebar { 
    margin-right: -21px; /* 20px padding + 1px border */ 
    margin-bottom: 0; 
    margin-left: -20px; 
}

來源

2014-05-05 12:37:32