修复选项卡边框

时间:2014-10-12 21:14:19

标签: javascript jquery html css

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

enter image description here

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

JSFiddle

2 个答案:

答案 0 :(得分:2)

您可以通过将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;
}

答案 1 :(得分:1)

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

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

工作演示: JSFIDDLE