Html 如何设置按钮的固定位置？

我创建了一个非常简单的搜索表单-如下所示：

onClick

它显示了更多选项：

但问题是，第二个按钮位于底部

div

之后，因此我需要以某种方式将其锁定在当前位置，我不知道如何锁定

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

这是关于JSFIDLE的（不包括视图样式-仅限结构）

试试这个

或使用

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

---

将这一行添加到您的CSS，为我工作：

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

---

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

在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
}

---

这是我刚刚添加的职位，它对我很有用

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

---

}

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

会起作用吗？你知道现在标记和css中的绝对位置、相对位置吗。如果是，请使用这些。为什么要将其标记为

jQuery

？只不过是一个css问题我在写这篇博文之前试过了-页面很大，所以向下滚动也会滚动。@user1692333，然后使用position:absolute；它接着跳到其他的款式上。你是什么意思？添加

位置：绝对行到您已经拥有的
div.advanced-search-values
。您是否担心它是透明的，或者它不会向下推页面？如果您还添加了
背景色：白色
，它将覆盖在底部元素的顶部。正如我所说的-我需要固定按钮“高级搜索值”处于绝对位置，因此我们需要在显示div时动态添加填充…因此我认为如果没有JS，则很难实现。如果它只是关于您的按钮，请尝试：。按钮{display:blocked；margin:2px；}
div.advanced-search-values {
display: none;
border: 1px solid #DDDDDD;
margin-top: 5px;
padding: 2px;
position: absolute; // or     position:fixed; (both works fine)