帮我用html+css 写一个最外层有一个盒子，盒子里有N个一级菜单，可横向滚动。但是不允许有纵向滚动， 第三个一级菜单有一个二级菜单，子菜单内有N项

好的，我可以回答这个问题。以下是代码示例：

HTML代码：

<div class="container">
  <ul class="menu">
    <li><a href="#">菜单1</a></li>
    <li><a href="#">菜单2</a></li>
    <li class="has-submenu">
      <a href="#">菜单3</a>
      <ul class="submenu">
        <li><a href="#">子菜单1</a></li>
        <li><a href="#">子菜单2</a></li>
        <li><a href="#">子菜单3</a></li>
      </ul>
    </li>
    <li><a href="#">菜单4</a></li>
    <li><a href="#">菜单5</a></li>
    <li><a href="#">菜单6</a></li>
    <li><a href="#">菜单7</a></li>
    <li><a href="#">菜单8</a></li>
    <li><a href="#">菜单9</a></li>
    <li><a href="#">菜单10</a></li>
  </ul>
</div>

CSS代码：

.container {
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
}

.menu {
  display: flex;
  flex-wrap: nowrap;
  padding: ;
  margin: ;
  list-style: none;
}

.menu li {
  margin-right: 20px;
}

.menu li:last-child {
  margin-right: ;
}

.menu li.has-submenu:hover .submenu {
  display: block;
}

.submenu {
  display: none;
  position: absolute;
  top: 100%;
  left: ;
  padding: ;
  margin: ;
  list-style: none;
  background-color: #fff;
  border: 1px solid #ccc;
}

.submenu li {
  margin: ;
}

.submenu li a {
  display: block;
  padding: 10px;
  color: #333;
  text-decoration: none;
}

.submenu li a:hover {
  background-color: #f5f5f5;
}

这个代码可以实现一个最外层有一个盒子，盒子里有N个一级菜单，可横向滚动，但是不允许有纵向滚动，第三个一级菜单有一个二级菜单，子菜单内有N项。