修复选项卡边框

Question

我想在HTML的整个宽度上制作带有两个标签的标签面板。我找到了例子，但我有一个小问题。当我选择第二个标签时，右标签边框和右侧面板边框之间会有间隔。

我该怎么办？请帮我解决一下。

JSFiddle

Answer 1

您可以通过将border-right添加到.tabs并从border-right中移除li:nth-child(2)来实现此目的：

JSFiddle - DEMO

.tabs > li:nth-child(2) {
    border-right: none;
}
.tabs {
    border-right: 1px solid #999;
}

Answer 2

只需将position:relative添加到.tab_container并尝试移动一点 - bottom:1px。

同样将此元素的宽度减少1px - width:299px

工作演示： JSFIDDLE