0

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

搜索表格

onClick它显示了更多选项：

更多选择

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

按钮位置

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

最后

这是我在jsfiddle上的代码（不包括视图样式 - 仅结构）

4

4 回答 4

0

将此行添加到您的 CSS 中，对我有用：

div.advanced-search-values{
    position: absolute;
}
于 2012-11-16T12:10:59.273 回答
0 
div.advanced-search-values { position: fixed;}

尝试这个。

或使用

div.advanced-search-values { position: absolute;}
于 2012-11-16T12:10:14.363 回答
0

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

在您的 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文件

于 2012-11-16T12:27:24.090 回答
0

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

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

}

于 2012-11-16T12:27:40.733 回答