如何在基础5中制作全宽子菜单

Question

我正在尝试使子菜单的宽度为100％，但无法正常工作。

如果有人可以帮助我，将不胜感激

http://codepen.io/maiterosalie/pen/OMgeeZ

<div class="row" id="menu">
    <div class="columns small-2">
      <a href="#" id="logo">
        <img src="http://indexrd.com/application/public/img/logo.svg" width="60" height="60" id="logo">
      </a>
    </div>
    <ul class="small-8 .small-offset-1 columns">
      <li><a class="trans active" href="#">Menu</a></li>
      <li>
        <a class="trans" id="servicios" href="#">Sub Menu</a>
        <ul class="submenu">
          <li><a class="trans" href="#">link #1</a></li>
          <li><a class="trans" href="#">link #2</a></li>
          <li><a class="trans" href="#">link #3</a></li>
          <li><a class="trans" href="#">link #4</a></li>
        </ul>
      </li>
      <li><a class="trans" href="#">Menu</a></li>
      <li><a class="trans" href="#">Menu</a></li>
    </ul>

Answer 1

您的div元素< div class="row" id="menu">没有用< / div>关闭。 您需要这样做，以便您的编码正确。 您还可以添加style="width: 100%;" 到最高级的div类，或者您希望菜单看起来是这样。 这是因为div元素是一个容器，您必须为其设置特定的宽度。 因此，无论您放置在里面什么，都可以扩展到选择制造的百分比数量。 希望能有所帮助。