2

かなり悩んだメニューがあります。私がやろうとしているのは、メニューリンクをクリックすると、ドロップダウンの二次部門が表示されるようにすることです。ただし、表示されているメニューが浮いているように動作していて、その理由がわかりません。

これが私が望む理想的なデザインです: http://jsfiddle.net/WeL6j/7/

  • 灰色の部分がどのように影響を受け、下にスライドするかに注目してください。

01、02 などを保持する div と、緑の 01 を持つ div で同じことが起こることを望みます。基本的に、メニューの下のすべてのコンテンツ。コードのフィドルを投稿して、コードが何をしているのかを把握し、リアルタイムで編集できるようにしました。フォールバック コードを作成していないため、実際には chrome でのみ表示できます。(ごめんなさい) うまく動くようにいろいろ動かしているので、ぐちゃぐちゃになることもあります。とにかく、これが私がこれまでに持っているものです。

-削除-

助けてくれてありがとう、ブライアン。

4

2 に答える 2

1

これを試して：

http://jsfiddle.net/ETaqa/63/

ところで、ネストを実際にフォーマットする必要があります。div レベルを理解するのは混乱していました。

于 2012-04-13T04:12:26.597 に答える
0

こんにちは、CSSでいくつかのプロパティを次のように定義できます

.content {
    position: relative;
    top: -7px;
    z-index: 10;
}
于 2012-04-13T04:02:36.850 に答える