重叠下拉菜单

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/