Html 顶部横幅边框宽度大小？

所以我对我的一些代码有点困惑，为什么它不起作用？顶部标题边框，具有导航按钮，可将用户引导到站点内的不同位置。我试图使宽度适合屏幕，由于某种原因，有一个小的差距，黑色酒吧没有填补左上角

代码如下：

顶部菜单-图标2{ 高度：20px； 背景：000000； 宽度：4000px； } 顶部菜单项2{ 宽度：4000px； 保证金：0自动； } 顶部菜单项2 li a{ 字号：700； 颜色：ffffff； 文字装饰：无； } 顶部菜单项2 li a：悬停{ 文字装饰：下划线； } 顶部菜单项2 li a.bold\u链接{ 字号：700； } .顶部菜单项2{ 浮动：左； 字体大小：12px； 垫顶：2件； 左侧填充：30px； 字母间距：1px； 线高：15px； 右边填充：8px； } .top-menu-item2 li a:悬停{ 文字装饰：下划线； 颜色：F8F9FA； } 标题详细信息{ 保证金：0自动； 背景色：000000； 宽度：100%； 最大宽度：5000px； 高度：20px； 左边界：600雷姆； 边界权：600雷姆； } @媒体屏幕和最大宽度：850px{ .顶部菜单-容器2{ 显示：无！重要； } } @媒体屏幕和最大宽度：850px{ .顶级菜单2{ 显示：无！重要； } } @媒体屏幕和最大宽度：2000px，最小宽度：850px{ .mobile-menu2{ 显示：无！重要； } }

---

在命名和使用类而不是id方面的改进

在看不到任何css/html代码的情况下，您希望我们如何提供帮助？您能提供html/css以便人们可以看到您可能弄糟了什么？抱歉，我现在会的。抱歉花了这么长时间，我在css代码格式设置方面遇到了问题，但现在一切都好了，提前感谢您的帮助！你仍然有很多错误。li必须是列表元素ul/ol的子元素，它不能是div的直系后代。并且您在其中有一个没有打开对应项的游离元素。您应该验证代码以查找此类错误-

body {
  margin: 0;
}


#top-menu-conainer2{
  background: #000000;
}

.top-menu-item2{
  padding: 0 !important;
}

#top-menu-item2 li a{
  font-weight: 700;
  color: #ffffff;
  text-decoration: none;
}

#top-menu-item2 li a:hover{
  text-decoration: underline;
}

#top-menu-item2 li a.bolder_link{
  font-weight: 700;
}

.top-menu-item2 {
  float: left;
  font-size: 12px;
  padding-top: 2px;
  padding-left: 30px;
  letter-spacing: 1px;
  line-height: 15px;
  padding-right: 8px;
}

.top-menu-item2 li a:hover{
  text-decoration: underline;
  color: #F8F9FA;
}

#header-details{
  margin: 0 auto;
  background-color: #000000;
  width: 100%;
  max-width: 5000px;
  height: 20px;
  border-left: 600rem;
  border-right: 600rem;
}
@media screen and (max-width:850px){
  .top-menu-container2{
     display:none !important;} 
   }
@media screen and (max-width:850px){
  .top-menu2{
    display:none !important;
  } 
}

@media screen and (max-width:2000px) and (min-width:850px){
  .mobile-menu2 {
     display: none !important;
   }
}