jQuery Slide Down 定位

Question

我在使用 JQuery 向下滑动功能时遇到问题。我可以让它正常工作，但是我向下滑动的元素的位置会根据视口(viewport)的大小而变化。我想做的是将它与它滑动的元素联系起来。

This JSfiddle有点说明了我遇到的问题。我希望 .drop 元素与 .opener 元素的右边缘对齐。

CSS

.box {
    position: relative;
}
.box .opener {
    display: block;
    background: #faa;
    line-height: 40px;
}
.box .drop {
    width: 400px;
    position: absolute;
    display: none;
    background: #afa;
    bottom: 40px;
    float: left;
    margin-left: 500px;
} 

jQuery

$('.opener').click(function(e){
    $('.drop').slideDown();
});

干杯!

Answer 1

为什么使用float: left;左边距:500px；position:absolute；。你不知道CSS属性？使用 right:0; 并删除 float: left;左边距:500px；。喜欢THIS