0

css、html、jQuery を使用してタブ付きボックスを作成しました。選択したタブを他のタブよりも少し大きく、または高く表示できるようにしたいと考えています。高さを上げて、選択したタブの親 ul に負のマージンを設定すると、境界線の上部が完全に消えます。これが私が取り組んでいるタブ付きボックスです。私はほぼ一日中ここに座っていて、クロム要素インスペクターが選択したタブを少し高くするために考えられるすべてのバリエーションを試していて、それを機能させることができないようです. 私は高さ、マージンなどをかなりいじりました..しかし、親divの境界線は右側の上部までずっと伸びています:ここに画像の説明を入力

これは私が目指している外観です。ビデオ ライブラリ (選択) タブは、他のタブよりも少し高くなっています。リンクに加えて、コードを投稿してほしい場合はお知らせください。喜んでそうさせていただきます。

4

2 に答える 2

1

私はクロムを少しいじくり回しましたが、これでうまくいくようです。

アクティブなタブに次を適用すると: margin-top: 0px !important;

次に、margin-top: 5px; を設定します。すべての要素に。

于 2012-05-22T21:52:35.280 に答える
0

CSSからこの行を削除することは私を助けたようです。でスタイリングを試してみてください

a:hover, a:active {outline: none;}
于 2012-05-22T21:47:27.163 に答える