我的選項卡上的下拉菜單爲html

-1

我一直在爲學校創建一個網站，它包含一個可移動的下拉菜單。我的選項卡上的下拉菜單爲html

的問題是，當過我懸停在菜單的下拉項目不與下拉選項卡對準

這裏是一個圖像向您展示 enter image description here

來源

2017-04-19 Bill Fire

到目前爲止你有什麼？沒有看到任何代碼很難排除故障。 – Toby

張貼您的代碼@Bill Fire –

-1

看來，你的問題主要是圍繞箱子定位。在使用absolute定位時，您必須始終指定您的內容位置。這樣可以避免讓你的子菜單四處飛揚，而不是在你想要的地方。另外，請確保父元素的位置爲relative，以便您的子菜單可以從中繼承框屬性。

.firstlevel-menu-item { 
    position: relative; 
} 
.my-submenu { 
    position: absolute; 
    top: 100%;    /* 100% of firstlevel menu's height */ 
    left: 0;    /* align to firstlevel menu's left side */ 
    width: 100%;   /* width of firstlevel menu */ 
}

將內容對齊到父框的末尾應該可以解決您的問題。

有一個JSFiddle爲enlightenment。

我建議你多搜索一下盒子的位置，因爲它對於構建下拉菜單和依賴於絕對/相對定位的各種其他功能來說至關重要。

來源

2017-04-19 13:28:36

向下投票：您無法從給出的信息中判斷問題的根源。「使用絕對定位時，您必須始終指定您的內容位置 - 這是不正確的 –

感謝您的提醒。由於給出的信息，通過使用示例並指定我的觀點，難道你不認爲這是一個有效的答案嗎？必須承認：由於沒有來自@Bill Frie的代碼，我的回答主要是基於經驗。「看到這之前」的一種觀點 –

我的選項卡上的下拉菜單爲html

回答

相關問題