Javascript 在另一个人的右边有一个DIV

注意：我使用Bootsrap和jQuery

因为表单将提交在输入控件上按Enter键时列出的第一个[button type=submit]，所以我需要在html中列出我的一个按钮，然后再列出另一个按钮，但是从视觉上看，它们需要以相反的方式显示

所以我需要在HTML中列出它们，如下所示：

<button type="submit" class="glyphicon-chevron-right"></button>
<button type="submit" class="glyphicon-chevron-left"></button>

但它们需要渲染，以便右箭头在视觉上位于左箭头的右侧

---

如何使右箭头控件渲染到左箭头控件的右侧？

您可以使用绝对定位来实现这一点：

CSS:

HTML

---

只需将左/顶值更改为需要定位的位置即可

您可以使用绝对定位来实现这一点：

CSS:

HTML

---

只需将左/顶值更改为所需的位置

我可能会这样做（取决于相对于容器显示按钮的方式）：

---

演示：

我可能会这样做（取决于您希望相对于容器显示按钮的方式）：

---

演示：

您必须使用CSS定位它们。在CSS中浮动元素。。。与javascript完全不相关您将不得不使用CSS定位它们。在CSS中浮动元素。。。与javascript完全无关

.container {position:relative}
.glyphicon-chevron-left, .glyphicon-chevron-right {position:absolute;top:0;left:0}
.glyphicon-chevron-right {left:30px}

<div class="container">
    <button type="submit" class="glyphicon-chevron-right"></button>
    <button type="submit" class="glyphicon-chevron-left"></button>  
</div>

<div style="display: inline-block;">
    <button type="submit" class="glyphicon-chevron-right pull-right"></button>
    <button type="submit" class="glyphicon-chevron-left"></button>
</div>