Javascript 我怎样才能把标签固定在它们的位置上?

Javascript 我怎样才能把标签固定在它们的位置上?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,这是我的密码: .sort\u框{ 填充:25px 0px; 方向:rtl; 字体系列:BYekan,'BYekan',Tahoma; 线高:20px; } .sort\u box\u title{ 字体大小:20px; 宽度:150px; 浮动:对; 右边距:5px; 边缘顶部:10px; } .对项目进行排序{ 宽度:100%; 边框底部:1px实心#ccc; 方向:ltr; } .sort_box_项目a{ 显示:内联块; 字体大小:14px; 填充:10px 20px; } .sort

这是我的密码:

.sort\u框{
填充:25px 0px;
方向:rtl;
字体系列:BYekan,'BYekan',Tahoma;
线高:20px;
}
.sort\u box\u title{
字体大小:20px;
宽度:150px;
浮动:对;
右边距:5px;
边缘顶部:10px;
}
.对项目进行排序{
宽度:100%;
边框底部:1px实心#ccc;
方向:ltr;
}
.sort_box_项目a{
显示:内联块;
字体大小:14px;
填充:10px 20px;
}
.sort\u box\u项目a:悬停{
文字装饰:无;
背景色:rgba(132141149,0.05);
边框:1px实心rgba(228230232,0.25);
边框顶部:3倍实心rgba(228230232,0.25);
颜色:黑色;
}
.sort\u box\u项目。sort\u活动{
边框顶部:3倍纯色橙色;
右边框:1px实心#ccc;
左边框:1px实心#ccc;
边框底部:1px实心#fff;
边缘底部:-1px;
}
.sort_box_项目。sort_活动:悬停{
背景色:白色;
边框顶部:3px实心#f48024;
右边框:1px实心#ccc;
左边框:1px实心#ccc;
边框底部:1px实心#fff;
边缘底部:-1px;
}
a{
颜色:灰色;
文字装饰:无;
}

لیست سوالات

添加边框会导致: 除非您真的需要,否则请删除以下内容

border: 1px solid rgba(228,230,232,0.25);
border-top: 3px solid rgba(228,230,232,0.25);

您还应该将边框应用于非活动选项卡。您可以匹配背景色或使其透明。这样就不会改变元素的高度

我已将以下行添加到
.sort\u box\u items a

border: 1px solid transparent;
border-top-width: 3px;
从这里开始,只需调整边框的颜色,无需重新声明宽度和样式

.sort\u框{
填充:25px 0px;
方向:rtl;
字体系列:BYekan,‘BYekan’,Tahoma;
线高:20px;
}
.sort\u box\u title{
字体大小:20px;
宽度:150px;
浮动:对;
右边距:5px;
边缘顶部:10px;
}
.对项目进行排序{
宽度:100%;
边框底部:1px实心#ccc;
方向:ltr;
}
.sort_box_项目a{
显示:内联块;
边缘底部:-1px;
字体大小:14px;
填充:10px 20px;
边框:1px实心透明;
边框顶部宽度:3倍;
}
.sort\u box\u项目a:悬停{
颜色:黑色;
文字装饰:无;
背景色:rgba(132,141,149,0.05);
边框颜色:rgba(228230232,0.25);
}
.sort\u box\u项目。sort\u活动{
边框颜色:#ccc;
边框顶部颜色:橙色;
边框底色:白色;
}
.sort_box_项目。sort_活动:悬停{
背景色:白色;
边框颜色:#ccc;
边框顶部颜色:#f48024;
边框底色:白色;
}
a{
颜色:灰色;
文字装饰:无;
}

لیست سوالات

删除
边框:1px实心rgba(228230232,0.25)来自
。排序框\项目a:悬停

.sort\u框{
填充:25px 0px;
方向:rtl;
字体系列:BYekan,'BYekan',Tahoma;
线高:20px;
}
.sort\u box\u title{
字体大小:20px;
宽度:150px;
浮动:对;
右边距:5px;
边缘顶部:10px;
}
.对项目进行排序{
宽度:100%;
边框底部:1px实心#ccc;
方向:ltr;
}
.sort_box_项目a{
显示:内联块;
字体大小:14px;
填充:10px 20px;
}
.sort\u box\u项目a:悬停{
文字装饰:无;
背景色:rgba(132141149,0.05);
边框顶部:3倍实心rgba(228230232,0.25);
颜色:黑色;
}
.sort\u box\u项目。sort\u活动{
边框顶部:3倍纯色橙色;
右边框:1px实心#ccc;
左边框:1px实心#ccc;
边框底部:1px实心#fff;
边缘底部:-1px;
}
.sort_box_项目。sort_活动:悬停{
背景色:白色;
边框顶部:3px实心#f48024;
右边框:1px实心#ccc;
左边框:1px实心#ccc;
边框底部:1px实心#fff;
边缘底部:-1px;
}
a{
颜色:灰色;
文字装饰:无;
}

لیست سوالات

在您的情况下,活动选项卡(不应该)有一个
边框底部
。是的,让我来解决这个问题。