Javascript 修复选项卡边框

我想在

HTML

中创建整个宽度上有两个选项卡的选项卡面板。我发现并举例说明，但我有一个小问题。当我选择第二个选项卡时，右选项卡边框和右面板边框之间有一个分隔符

我该怎么办？请帮我修一下

---

只需将

位置：相对
添加到您的
.tab\u容器中
，并尝试将其稍微移动一点-
底部：1px

同时将此元素的宽度减少1px-
宽度：299px

工作演示：
您可以通过将
边框右键添加到
.tabs
并从
li:n子项（2）
中删除
边框右键来实现此目的，如下所示：

JSFiddle-

这有用吗？由于边界的原因，存在1px的差异。Content div可以是299px@HashemQolami，所选选项卡中不能有底部边框。@olgacosta然后从
ul.tabs
中删除
border bottom
：@olgacosta试试这个-您的版本看起来很有趣，但您删除了选项卡的底部边框。我想用边框样式来解决这个问题。
.tabs > li:nth-child(2) {
    border-right: none;
}
.tabs {
    border-right: 1px solid #999;
}