この Web サイトにアクセスしてください。(jsFiddle では同じ問題を再現できません。申し訳ありません) 問題は、recommended のドロップダウン ボタンを押すと、親 div の高さが変更されることです。親 div の境界線上にドロップダウン メニューの位置を設定するにはどうすればよいですか? ドロップダウンメニューにフォントが白く表示されるのはなぜですか?
質問する
154 次
2 に答える
1
クラスのcssをに変更dropdown-menuしますposition: relative
クラスの色はdropdown-menu aによって上書きされています#topContainer a
ブラウザの開発ツールを使用して要素を検査できます。
于 2012-09-21T20:44:20.887 に答える
1
あなたの「おすすめ」ボタンは、実際にはドロップダウン メニューではなく、2 つのボタンと、ドロップダウン メニューのように作られた順序付けられていないリストです。したがって、通常のドロップダウン メニューのように機能せず、表示されません。つまり、クリックすると UI の上にオーバーレイされます。
このposition: absolute効果を実現するには、ボタンの下のリストを使用する必要があります。
アップデート：
問題は、ボタンが配置されているコンテナが相対的に配置されていることです。これにより、子要素の配置の動作が変わります。
- と
position: relativeから削除.btn-group#main - 削除
left: 0してtop: 100%から.dropdown-menu
于 2012-09-21T20:15:11.270 に答える