帮我用html+css 写一个最外层有一个盒子，盒子里有N个一级菜单，可横向滚动 第三个一级菜单有一个二级菜单，鼠标悬浮/点击时显示，子菜单内有N项

好的，我可以回答这个问题。以下是一个示例代码，可以实现你所描述的功能：

HTML 代码：

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

CSS 代码：

.menu-container {
  width: 100%;
  overflow-x: auto;
}

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

.menu-item {
  flex:   auto;
  padding: 10px;
  background-color: #eee;
  cursor: pointer;
}

.has-submenu {
  position: relative;
}

.submenu {
  display: none;
  position: absolute;
  top: 100%;
  left: ;
  padding: ;
  margin: ;
  list-style: none;
  background-color: #fff;
  box-shadow:  2px 5px rgba(, , , .2);
}

.submenu-item {
  padding: 10px;
  cursor: pointer;
}

.has-submenu:hover .submenu,
.has-submenu:focus-within .submenu {
  display: block;
}

这段代码会创建一个最外层的盒子，内部包含一个横向滚动的菜单列表。第三个菜单项有一个子菜单，当鼠标悬浮或点击时会显示出来。子菜单内有三个选项。你可以根据需要修改菜单项和子菜单的内容和样式。