Javascript 如何使我的按钮保持在固定位置

我的问题是，当我尝试在我的选择框中选择时，我的按钮会移到下面的选择下拉列表中

我想使按钮保持不变，即使选择框中的下拉列表出现

电流输出：

html:

---

仅将其位置设置为固定（或绝对）是不够的。您需要显式地设置其坐标

<button style="position:fixed;top:45px;" type="button" class="btn btn-warning input-md">
    <span class="glyphicon glyphicon-list-alt"></span>&nbsp; Create Account
</button> 

创建帐户

---

在这种情况下，我将把它的

top

坐标设置为45px。

将它的位置设置为fixed（或绝对）是不够的。您需要显式地设置其坐标

<button style="position:fixed;top:45px;" type="button" class="btn btn-warning input-md">
    <span class="glyphicon glyphicon-list-alt"></span>&nbsp; Create Account
</button> 

创建帐户

在这种情况下，我将其

顶部
坐标设置为45px。
尝试以下操作：

.col-sm-12:not(.col-sm-offset-1) { position:absolute; top:50px; }

（您可以调整
top
值，以获得您想要的确切方式）

试试这个：

.col-sm-12:not(.col-sm-offset-1) { position:absolute; top:50px; }

（您可以调整
top
值，以获得您想要的确切方式）

我不会为固定或绝对定位而烦恼，因为固定或绝对定位可能变化无常且不太可扩展。相反，在包装元素上放置一个高度，并将溢出设置为可见

.col-sm-offset-1.col-sm-12 { height: 32px; overflow: visible; margin-bottom: 1.0em; }

以下是JSFIDLE：

绝对定位答案的问题是，如果您在其上方添加另一个表单字段，它将破坏显示（这里是演示其他解决方案如何破坏的示例）
我不会为固定或绝对定位而烦恼，因为它可能是易变的，并且不太可扩展。相反，在包装元素上放置一个高度，并将溢出设置为可见

.col-sm-offset-1.col-sm-12 { height: 32px; overflow: visible; margin-bottom: 1.0em; }

以下是JSFIDLE：

绝对定位答案的问题是，如果您在其上方添加另一个表单字段，它将破坏显示（下面是演示其他解决方案如何破坏的示例）
absolute的问题是它一点也不灵活……如果你需要添加另一个字段怎么办？absolute的问题是它一点也不灵活……如果你需要添加另一个字段怎么办？@Daniellisk-我不建议陷入这种情况——特定输入类型的包装器（如我创建的dateWrap类）不应包括无关的，因为它破坏了为特定字段类型使用特定包装器的目的，该字段类型需要在规范之外进行样式设置（例如，要在不影响周围元素的情况下在其自身边界之外展开的下拉列表）@Daniellisk-我不建议陷入这种情况-特定输入类型的包装器（如我创建的dateWrap类）不应包含无关的内容，因为它违背了为特定字段类型使用特定包装器的目的，该字段类型需要超出规范的样式（例如，要在不影响周围元素的情况下在其自身边界之外展开的下拉列表）