如何设置固定位置到按钮？

Question

我创建了一个非常简单的搜索表单 - 这里是：

onClick它显示了更多选项：

但问题是第二个按钮位于底部div之后，因此我需要以某种方式将其锁定在当前位置，我不知道如何。

实际上它应该是这样的（底部div是“可切换的”所以它应该只显示其中一个）

这是 jsfiddle 上的my code（没有包含视图样式 - 只有结构）

Answer 1

div.advanced-search-values { position: fixed;}

试试这个。

或使用

div.advanced-search-values { position: absolute;}

Answer 2

将此行添加到CSS中，为我工作：

div.advanced-search-values{
    position: absolute;
}

Answer 3

绝对位置在这里可以正常工作

在你的css中添加以下行：

.simple-search{
    float: left;
    position:relative;
}

div.advanced-search-values{
    display: none;
    border: 1px solid #DDDDDD;
    margin-top: 5px;
    padding: 2px;
    position:absolute;
    top:26px;
    left:235px
}

这是jsfiddle file

Answer 4

我刚刚添加了位置，＆amp;它对我有用。

div.advanced-search-values {
display: none;
border: 1px solid #DDDDDD;
margin-top: 5px;
padding: 2px;
position: absolute; // or     position:fixed; (both works fine)

}