Google chrome 你能在这个html/css代码中找到错误吗？

结果应如下所示，如Edge中所示：

这是在Chrome中渲染时的外观；您可能会注意到，在分类栏下方的一行中，搜索框放错了位置：

原始代码：

请帮助我查找导致搜索框出现在下一行的错误。我从头到尾都经历了几个小时，不明白为什么相同的代码在Edge中看起来很好，但在Chrome中却不行

我不会切换浏览器，我需要一个解决方案让它继续运行 铬

#顶栏{
宽度：1000px；
保证金：0自动；
高度：40px；
}
身体{
保证金：0；
填充：0；
字体系列：Helvetica、Arial、无衬线字体；
}
#标志{
边缘顶部：8px；
宽度：100px；
浮动：左；
右边距：8px；
}
.顶杆部分{
浮动：左；
左边框：1px#中交实心；
身高：100%；
}
#登录图像{
宽度：25px；
利润率：11px 15px；
浮动：左；
}
#登录文本{
字体大小：粗体；
字体大小：90%；
位置：相对位置；
顶部：14px；
右边填充：50px；
}
#wigglyline{
浮动：左；
高度：40px；
}
#钟声{
高度：25px；
利润率：9px 8px；
}
#潜水钟{
浮动：左；
}
.顶栏菜单{
字体大小：粗体；
字体大小：90%；
填充：13px 15px 0 15px；
高度：27px；
}
#更多箭头{
宽度：16px；
左边距：20px；
}
#搜索框{
背景色：#e4；
边界：无；
字体大小：粗体；
字体大小：14px；
填充物：5px；
保证金：5px 0 5px 5px；
浮动：左；
}
#放大镜{
高度：26px；
边缘顶部：5px；
}
.清楚{
明确：两者皆有；
}
#菜单栏容器{
背景色：#BB1919；
宽度：100%；
高度：100px；
}
#菜单栏{
宽度：1000px；
保证金：0自动；
}
h1{
填充：0；
保证金：0；
颜色：白色；
字体大小：40px；
字体大小：正常；
填充顶部：10px；
}

登录
新闻
运动
天气
iPlayer
电视
更多
新闻

这是因为容器的宽度不够大。如果将#topbar的宽度设为1100px，则它将不会缠绕

#顶栏{
宽度：1100px；
保证金：0自动；
高度：40px；
}
身体{
保证金：0；
填充：0；
字体系列：Helvetica、Arial、无衬线字体；
}
#标志{
边缘顶部：8px；
宽度：100px；
浮动：左；
右边距：8px；
}
.顶杆部分{
浮动：左；
左边框：1px#中交实心；
身高：100%；
}
#登录图像{
宽度：25px；
利润率：11px 15px；
浮动：左；
}
#登录文本{
字体大小：粗体；
字体大小：90%；
位置：相对位置；
顶部：14px；
右边填充：50px；
}
#wigglyline{
浮动：左；
高度：40px；
}
#钟声{
高度：25px；
利润率：9px 8px；
}
#潜水钟{
浮动：左；
}
.顶栏菜单{
字体大小：粗体；
字体大小：90%；
填充：13px 15px 0 15px；
高度：27px；
}
#更多箭头{
宽度：16px；
左边距：20px；
}
#搜索框{
背景色：#e4；
边界：无；
字体大小：粗体；
字体大小：14px；
填充物：5px；
保证金：5px 0 5px 5px；
浮动：左；
}
#放大镜{
高度：26px；
边缘顶部：5px；
}
.清楚{
明确：两者皆有；
}
#菜单栏容器{
背景色：#BB1919；
宽度：100%；
高度：100px；
}
#菜单栏{
宽度：1000px；
保证金：0自动；
}
h1{
填充：0；
保证金：0；
颜色：白色；
字体大小：40px；
字体大小：正常；
填充顶部：10px；
}

登录
新闻
运动
天气
iPlayer
电视
更多
新闻

这是因为您已将ID顶部栏的宽度属性设置为1000。搜索栏无法放入（至少在chrome中，可能是因为默认的浏览器边距）

将width属性设置为类似1050px的值以解决此问题

#topbar {
  width: 1050px;
  margin: 0 auto;
  height: 40px;
}

---

哇，谢谢你一直在折磨我的大脑 因为老师在课程中把它设置为1000px 我不明白我做错了什么 一模一样

---

：/

虽然您的问题已经过编辑和改进——尽我们所能——但我们有理由要求您提供重现您的问题所需的最少代码（“”）；您已经发布了很多代码，其中大部分可能与特定问题无关。请：取出所有不相关的积垢，以帮助我们帮助您找到问题的根源。您确定这在edge上运行良好吗？通过在edge上运行您的代码片段，您似乎也遇到了同样的问题。在它完全按照图中所示工作时，我不知道是什么因素在起作用：/