4

Superfish jquery プラグインで作成したメニューがありますhttp://users.tpg.com.au/j_birch/plugins/superfish

しかし、それにはいくつかの問題があります。Firefox、Chrome、および IE でページを表示すると、パディングが追加されます。

ここに画像の説明を入力

jsfiddle のサンプルは次のとおりですhttp://jsfiddle.net/YsG97/2/ Superfish メニュー ul とヘッダー div の間のこのスペースを削除する方法を提案する人がいるかもしれません。

メニューの終了タグの後に   を付けると、妙なことが</ul>&nbsp;わかりました。誰かが説明するかもしれませんか?

4

2 に答える 2

5

どうぞ:

#menucontainer {
    ...
    vertical-align: top;
}

ライブデモ: http: //jsfiddle.net/YsG97/5/

#menucontainerDIVが設定されdisplay: inline-blockているため、事実上インライン要素になっています。インライン要素はデフォルトでベースラインに揃えられます。つまり、インライン要素の下(ベースラインとディセンダーの間)にスペースがあります。

http://vidasp.net/media/CSS-vertical-align.gif

于 2011-09-19T12:56:43.617 に答える
1

ul の終了タグの後に clearing 要素を追加すると、最後まで一致します。フロートに問題があり、何が問題なのかわかりませんが、これで修正されます (ただし、#menucontainer div.

ここ を参照してください

于 2011-09-19T12:52:39.877 に答える