0

我使用 css、html 和 jQuery 制作了一个选项卡式框。我希望能够显示选定的选项卡比其他选项卡稍大或稍高。当我增加高度并在所选选项卡上为父 ul 设置负边距时,边框的顶部完全消失。这是我正在处理的标签框。我几乎整天都坐在这里,chrome 元素检查器尝试了我能想到的每一种变化,以使选定的选项卡略高一些,但似乎无法使其工作。我已经非常接近弄乱了高度、边距等。但是父 div 上的边框一直延伸到右侧的顶部:在此处输入图像描述

这是我想要的外观;视频库(选定)选项卡比其他选项卡高一点。如果除了链接之外,您还希望我发布代码,请告诉我。我很乐意这样做。

4

2 回答 2

1

我只是对 chrome 进行了更快的修补,这似乎可以解决问题。

如果将以下内容应用于活动选项卡: margin-top: 0px !important;

然后设置 margin-top: 5px; 对所有 li 元素。

于 2012-05-22T21:52:35.280 回答
0

从您的 CSS 中删除这一行似乎对我有所帮助。尝试在 a 上调​​整样式

a:hover, a:active {outline: none;}
于 2012-05-22T21:47:27.163 回答