小编use*_*614的帖子

我是css和html5的新手,并试图让我的菜单栏正常工作.这是一个带下拉功能的水平菜单栏.在我使菜单栏居中之前,导航按钮和下拉按钮之间没有空格.在它们居中之后,它们之间有一个空间,这很令人生气,因为当你走进它们之间时,更多的是下拉,你会因为空间而丢失下拉菜单.因此,我试图删除按钮之间的空间(而不是边框​​).非常感谢您的帮助,这里是代码:

CSS

  /* START NAV MENU */

  nav {
  background-color:#333333;
  height:40px;
  width:100%;
  }


  nav ul {
  font-family: Sonoma, Arial;
  font-size: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align:center;
  }

  nav ul li {
  display: inline-block;
  position: relative;

  }

  nav li ul { 
  display: none; 
  }

  nav ul li a {
  display: inline-block;
  text-decoration: none;
  background: #666666;
  color: #ffffff;  
  padding: 5px 20px 3px 15px;
  margin-left: 1px;
  white-space: nowrap;
  height:30px; /* Width and height of top-level nav items */
  width:90px;
  text-align:center;
  border-right: …