玩Z指數

Question

請輸入to this website。 （我不能在jsFiddle上重新創建相同的問題，對不起）問題是，當您按下推薦的下拉按鈕時，它會改變父div的高度。如何將下拉菜單的位置設置在父div邊框上？爲什麼下拉菜單顯示字體爲白色？

Answer 1

你的「建議更換」按鈕，實際上不是一個下拉菜單，它的兩個按鈕，並做出看起來像一個下拉菜單的無序列表。因此，它不會像常規下拉菜單那樣運行並顯示，即當您單擊它時，它將覆蓋在用戶界面頂部。

您將不得不position: absolute您的按鈕下方的列表來實現這種影響。

---

UPDATE：

的問題是，你的按鈕都在容器的相對位置，從而改變了子元素定位的行爲。

1. 從.btn-group刪除position: relative和#main
2. 從.dropdown-menu

Answer 2

改變的CSS dropdown-menu類取出left: 0和top: 100%到position: relative

dropdown-menu a類的顏色得到由#topContainer a

覆蓋

您可以使用瀏覽器的開發工具檢查元素。