0

私の CSS は、メニューの最初のレベルで問題なく動作しました。まったく問題ありません。ドロップダウン/サブメニューを追加しようとして以来、あらゆる種類の問題がありました。

私が管理できる最善の方法は、メニューをメインメニューの下にドロップダウンすることですが、サブメニューは垂直リストではなくインラインで表示されます. また、メニューとサブメニュー ブロックが、私が望むよりも高く伸びているように見えます。高さをナビゲーション コンテナ内のすべての継承として設定していますが、それでも LI ディバイダのこの奇妙な拡張を取得しています。codepen のホーム メニュー リンクをロールオーバーすると、私の言いたいことがわかります。私はこれについてあまりにも長い間頭を悩ませてきましたが、実際にそれを見て新鮮な目を使うことができました。なぜなら、私は自分のコードに非常に多くのさまざまな調整を試みたので、迷ってしまったからです。(注: このドロップダウン メニューのフレームワークは、Son of Suckerfish から入手しました。これは、少なくともここまで機能する唯一のフレームワークです。)

画像

コード

4

2 に答える 2

1

これを追加できます:

#navigation ul ul li {
    display: block;
}

背景画像がレンダリングされていないため、codepen では正しく表示されません。また、アンカーの幅はコンテンツに依存するため、アンカーの右側にある赤い境界線は整列しません。並べたい場合は、少しいじる必要があります。

于 2012-08-02T05:15:01.780 に答える
0

幅を追加:50px; #ナビへ

于 2012-08-02T05:35:05.630 に答える