在CSS水平導航欄

活躍li元素卸下底部邊框我有一個橫向導航（如下所示）：在CSS水平導航欄

horizontal nav

我試圖消除在底邊框的主動選擇的李項，但由於某種原因，通常的做法似乎並不奏效。我試過申請margin-bottom: -1px;，但沒有奏效。

這裏有一個的jsfiddle我的CSS代碼： http://jsfiddle.net/s5ynF/8/

欣賞任何幫助。

來源

2011-07-12 rolling stone

簡單。

更新這些CSS選擇器這樣的：

ul.nav { 
    list-style: none; 
    margin: 0; 
    padding: 0; 
    padding-left: 25px; 
    border-bottom: 1px solid #E8E8E8; 
    height:25px; 
} 

#nav .home { 
    background-color: #FFF; 
    border: 1px solid #E8E8E8; 
    border-bottom: 1px solid #FFF; 
    margin-bottom: -1px; 
}

我刪除了overflow:hidden;這就是爲什麼它不工作。然後，我將固定高度應用於.nav

來源

2011-07-12 00:18:00 brenjt

謝謝，這很好！快速跟進問題，活動li元素上的右側和左側邊界現在延伸到ul的底部邊界的下方（請參閱http://jsfiddle.net/s5ynF/9/）。解決這個問題的最好方法是什麼？ –

@rolling stone嘗試將'margin-bottom'改爲-1px而不是-2px – brenjt

您將需要使用不同的清除修復方法，因爲overflow: hidden是阻止其工作的原因。

我增加了一個明確的高度，並刪除了overflow: hidden，它工作。

來源

2011-07-12 00:20:25 alex

在CSS水平導航欄

回答

相關問題