设置li的底部边框以覆盖ul - tab导航的底部边框

Question

您可以在此处看到右侧的li设置为＆＃39;有效＆＃39;所以有一个底部边框，根据需要覆盖ul的底部边框。 http://jsfiddle.net/6XTY2/但是，当我将左侧li设置为“活跃”时，它将ul的底部边框向下推，因此左边的边框不会被li的边框遮住。我认为这是因为左边的李没有漂浮。 http://jsfiddle.net/6XTY2/1/但是如果我漂浮在左边，那么div和ul的所有孩子都会漂浮，这会导致其他问题。我怎么能绕过这个？

Answer 1

您可以添加负边距：

#nav ul li.active a {
    margin-bottom: -2px;
}

但您必须撤消辅助导航的内容：

#nav ul li.active.nav-secondary a {
    margin-bottom: 0;
}

Answer 2

另一种选择：

#nav ul li a {
    border: 1px solid #dcdcdc;
    margin-bottom:-1px;
}

#nav ul li.active a {
    border-bottom-color:#F6F6F4;
}

此时你基本上只是改变了边框底色。