1

「ジュエリー」の下にサブナビゲーションメニューを実装しようとしています。問題は、2 つのメニューが開いたときに間にスペースが必要なことです。これを実現するために、「margin-top:5px;」を追加しました。サブナビへ。スペースを作成しますが、マウスをサブナビゲーションに下げるとすぐに選択が解除されます。

これを達成する正しい方法は何ですか？

nav ul ul {
margin-top:5px;
background-color: #101010;
color: #FFF;


}

jsfiddle へのリンク

http://jsfiddle.net/2mpcQ/4/

4

4 に答える 4

0

この問題を解決したいだけの場合は、（ ）に追加border-topしてみてください。しかし、あなたの質問は「これを達成するための正しい方法は何ですか？」でした。正しい方法は、Diodeusが言ったように、「a」要素をスタイリングすることだと思います。 .nav ul ulborder-top:5px solid #fff;

于 2013-02-14T20:05:42.787 に答える
0

border-top：5px solid #fff;

これにより、メニューとサブメニューの間にスペースが表示されます。それでも機能を提供します。

于 2013-02-14T19:56:50.230 に答える
0

div タグ サブメニューを使用して、目的の垂直方向のスペースを取得できます。参照用にjsfiddleを変更しました。

.rowheight {background: #fff; font-size: 5px;}  

 <ul>
  <li>
    <div class="rowheight">&nbsp;</div>
    <ul><li>Item</li></ul>
  </li>
</ul>

jsfiddle リンク -

http://jsfiddle.net/2mpcQ/25/

またはborder-top: 5px solid #fff;ネストされた ul に使用できますが、制御できません。ネストされたすべての UL タグに影響します。

お役に立てれば！

于 2013-02-14T20:02:19.007 に答える
0

padding-top:5pxこのパディングされたDOM要素内の黒いサブメニューを使用する必要があります

于 2013-02-14T19:31:59.677 に答える