5

このメニュー コードはhttp://purecss.io/menus/の最初の例です。

それでもうまくいきません:(

各<li>アイテムは、互いに画面いっぱいの距離を保っています。下にスクロールすると、他の項目が表示されます。

しかし、それは purecss.io/menus ページで動作します。どうしてか分かりません。

(ここで実行しても問題なく動作します... このコードで html ドキュメントを作成する必要がありますが、失敗します...)

<html>

<head>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pure/0.6.0/pure-min.css">
</head>

<body>
  <div class="pure-menu">
    <span class="pure-menu-heading">Yahoo Sites</span>

    <ul class="pure-menu-list">
      <li class="pure-menu-item"><a href="#" class="pure-menu-link">Flickr</a>
      </li>
      <li class="pure-menu-item"><a href="#" class="pure-menu-link">Messenger</a>
      </li>
      <li class="pure-menu-item"><a href="#" class="pure-menu-link">Sports</a>
      </li>
      <li class="pure-menu-item"><a href="#" class="pure-menu-link">Finance</a>
      </li>
      <li class="pure-menu-heading">More Sites</li>
      <li class="pure-menu-item"><a href="#" class="pure-menu-link">Games</a>
      </li>
      <li class="pure-menu-item"><a href="#" class="pure-menu-link">News</a>
      </li>
      <li class="pure-menu-item"><a href="#" class="pure-menu-link">OMG!</a>
      </li>
    </ul>
  </div>
</body>

</html>

があるのを見たことpure-menu-itemがありheight: 100%ますが、これは少し奇妙だと思います。これが問題ですか？

4

3 に答える 3

0

pure-menu-item の使用に関しても同じ問題がありました。それは確かにの高さを持ってい100%ます。メニューがあるdivに追加して、その高さを上書きしstyle="height:20pt"ました。ところで、水平メニューを使用しました。

于 2015-07-03T12:28:32.247 に答える