Html 我在缩放和工具栏方面有问题

嗨，当我缩放我的网站时，我的工具栏有问题，工具栏上的最后一个选项消失了。我想知道为什么会发生这种情况，同时我也在努力使用进入页脚的工具栏

---

这很简单。您的工具栏有

位置：固定的

，因此当您的窗口较小且主菜单占用两行时，工具栏会在主菜单下向下移动，因此他没有足够的空间，最后一个选项“隐藏”在窗口下方

我必须注意，如果屏幕太小，没有解决办法，只能做一个大的改变（比如手机中的“汉堡包”菜单。调整浏览器大小，你就会看到效果。）

要解决此问题，您可以使用类似以下内容的媒体查询：

$（窗口）。滚动（函数（）{
var st=$（window.scrollTop（）；
如果（st>100）{
$（“#内容表”）.css（'top'，25）；
}
否则，如果（st>50）{
$（“#内容表”）.css（'top'，125）；
}
否则{
$（“#内容表”）.css（'top'，'auto'）；
}
});
/*标记*/
html{
保证金：0；
填充：0；
}
身体{
字体大小：100%；
背景：#EBEBEB；
保证金：自动；
}
img{
背景：黑色；
宽度：10em；
}
索引信息包装器{
明确：两者皆有；
文本对齐：居中；
}
/*身份证*/
#菜单包装器{
最大宽度：50%；
背景：#EBEBEB；
边缘底部：1.5em；
保证金：0自动；
宽度：28.75em；
}
#内容表{
宽度：9em；
背景：#ffffff；
边框样式：凹槽；
边框颜色：黑色；
溢出：隐藏；
盒影：2px 5px 20px黑色；
位置：固定；
左：2米；
}
#桌头{
左侧填充：.5em；
字体系列：“Nunito”，无衬线；
颜色：#262626；
}
#桌子{
左：1米；
列表样式类型：无；
}
#表a{
显示：块；
列表样式类型：无；
字体系列：“Nunito”，无衬线；
颜色：#262626；
文字装饰：无；
线高：1.5em；
边缘底部：.5em；
}
#信息包装器{
最大宽度：50%；
背景：#ffffff；
保证金：0自动；
边框样式：凹槽；
边框颜色：黑色；
边缘顶部：1米；
溢出：隐藏；
盒影：2px 5px 20px黑色；
}
#索引信息包装器{
最大宽度：60%；
背景：#fff；
保证金：0自动；
边框样式：凹槽；
边框颜色：黑色；
边缘顶部：1米；
溢出：隐藏；
左：1%；
右：1%；
盒影：2px 5px 20px黑色；
左侧边缘：13 em；
}
#关于信息包装器{
最大宽度：55%；
背景：#fff；
保证金：0自动；
边框样式：凹槽；
边框颜色：黑色；
边缘顶部：1米；
溢出：隐藏；
左：1%；
右：1%；
盒影：2px 5px 20px黑色；
}
#cssmenu ul{
宽度：100%；
列表样式类型：无；
显示：块；
字体大小：20px；
字体大小：粗体；
背景：#37535F；
字体系列：Arial、Helvetica、无衬线字体；
边框底部：1px实心#3535；
边缘顶端：6em；
文本对齐：居中；
填充：0；
}
#cssmenu ul:之前{
内容：''；
显示：块；
}
#cssmenu ul：之后{
内容：''；
显示：表格；
明确：两者皆有；
}
#cssmenu li{
显示：内联块；
保证金：0；
填充：0.4px；
}
#cssmenu li a{
显示：内联块；
颜色：#A3A5；
文字装饰：无；
字体大小：粗体；
填充：10px 20px 7px 20px；
边框底部：3倍纯色透明；
}
#cssmenu li a:悬停{
颜色：#FFFFFF；
边框底部：3px实心#00b8fd；
}
#cssmenu li.active a{
显示：内联；
边框底部：3px实心#00b8fd；
保证金：0；
颜色：#ffffff；
}
#康普img{
浮动：左；
宽度：10em；
边框样式：凹槽；
边框颜色：浅绿色；
利润率：1%；
}
#komp txt{
宽度：97%；
边框样式：凹槽；
边框颜色：浅蓝色；
}
#页脚干管{
明确：两者皆有；
背景色：#37535F；
宽度：100%；
文本对齐：居中；
}
#页脚块li{
显示：内联块；
利润率：0.10px；
}
#页脚块ul li a：悬停{
颜色：#FFFFFF；
边框底部：3px实心#04F6FF；
}
#页脚块2 li{
显示：内联块；
利润率：0.10px；
}
#页脚区块2 ul li a：悬停{
颜色：#FFFFFF；
边框底部：3px实心#04F6FF；
}
/*班级*/
康普包装纸{
利润底部：4%；
利润率最高：4%；
左缘：1%；
}
康普先生{
左缘：1%；
宽度：98%；
}
.页脚id{
垫面：5%；
}
.页脚列表标题{
字号：1.5em；
颜色：白色；
边际上限：0；
边缘底部：0em；
}
.页脚列表{
线高：1.5em；
列表样式：无；
填充：0；
保证金：0；
}
.页脚列表李a{
线高：1.5em；
字体大小：1.3em；
列表样式：无；
左侧填充：0；
颜色：#A3A5；
文字装饰：无；
}
.btn sjekk{
-moz盒阴影：0px 0px 0px 2px#9fb4f2；
-网络工具包盒阴影：0px 0px 0px 2px#9fb4f2；
盒影：0px 0px 0px 2px#9fb4f2；
背景：-webkit渐变（线性、左上、左下、颜色停止（0.05，#7892c2）、颜色停止（1，#476e9e））；
背景：-莫兹线性梯度（顶部，#7892c2 5%，#476e9e 100%）；
背景：-webkit线性梯度（顶部，#7892c2 5%，#476e9e 100%）；
背景：-o-线性梯度（顶部，#7892c2 5%，#476e9e 100%）；
背景：-ms线性梯度（顶部，#7892c2 5%，#476e9e 100%）；
背景：线性梯度（至底部，#7892c2 5%，356E9E100%）；
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#7892c2'，endColorstr='#476e9e'，GradientType=0）；
背景色：#7892c2；
-moz边界半径：10px；
-webkit边界半径：10px；
边界半径：10px；
边框：1px实心#4e6096；
显示：内联块；
光标：指针；
颜色：#ffffff；
字体系列：Arial；
字体大小：15px；
填充物：5px10px；
保证金：5px；
文字装饰：无；
文本阴影：0px 1px 0px#283966；
}
.btn sjekk:悬停{
背景：-webkit渐变（线性、左上、左下、颜色停止（0.05，#476e9e）、颜色停止（1，#7892c2））；
背景：-莫兹线性梯度（顶部，#476e9e5%，#7892c100%）；
背景：-webkit线性梯度（顶部，#476e9e 5%#