html - 移除 CSS 水平导航栏中事件 li 元素的底部边框

Question

我有一个如下所示的水平导航:

我正在尝试删除主动选择的 li 元素的底部边框，但由于某种原因，通常的执行方式似乎不起作用。我试过应用 margin-bottom: -1px; 并没有用。

这是一个带有我的 CSS 代码的 JSFiddle: http://jsfiddle.net/s5ynF/8/

感谢您对此的任何帮助。

Answer 1

简单。

将这些 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