重疊下拉菜單

Question

我有一個可點擊下拉菜單，把一個border上dropbtn下課後，我的下拉菜單dropdown-content與下拉button邊境dropbtn重疊。

我可以添加margin-top:15px到dropdown-content類來解決這個問題，但有什麼辦法可以自動設置它嗎？

例JSFiddle

Answer 1

你可以使用jQuery來達到預期的效果：

$(document).ready(function() { 
    $(".dropdown-content").css("margin-top", $(".dropbtn").css("border-width")); 
}); 

這臺.dropdown-content的margin-top到的border-width值.dropbtn。

這裏是預覽：jsfiddle.net/rrxmw3b3/1/

Answer 2

對於你想要的目的，因爲它的設計，你需要指定15px的。另一種選擇是：

.dropbtn { 
    ... 
    position: relative; 
} 

.dropdown-content { 
    ... 
    top: 15px; 
} 

這裏預覽：http://jsfiddle.net/bvdgw9vc/