小编Tri*_*aaf的帖子

我似乎无法理解这一点。我正在研究（现有的）菜单结构。当前的菜单从来没有考虑过我们拥有的子项目的数量，因此它会从视口溢出。由于其具有粘性，某些项目无法访问，这是有问题的。由于 Flexbox 存在一个问题，即 Flexbox 本身在换行时不会调整其宽度，因此子菜单的背景不会继续。再次出现问题，因为浮动文本在其他文本之上很烦人。读完之后，看来主要使用的是写入模式解决方案。然而，当我尝试应用它时，它仍然会得到一个单行，因为标题元素必须附加有position:fixed。

举例说明：

html:

<header>
  <div class="wrapper">
    <ul class="parent">
      <li class="child">Menu item 1</li>
      <li class="child">Menu item 2</li>
      <li class="child">Menu item 3
        <ul class="sub-parent">
          <li class="sub-child">Sub item 1</li>
          <li class="sub-child">Sub item 2</li>
          <li class="sub-child">Sub item 3</li>
          <li class="sub-child">Sub item 4</li>
          <li class="sub-child">Sub item 5</li>
          <li class="sub-child">Sub item 6</li>
          <li class="sub-child">Sub item 7</li>
          <li class="sub-child">Sub item 8</li>
          <li class="sub-child">Sub item 9</li>
          <li class="sub-child">Sub item 10</li>
          <li class="sub-child">Sub item 12</li>
          <li class="sub-child">Sub item 13</li>
          <li class="sub-child">Sub item 14</li>
          <li class="sub-child">Sub …