javascript - 如何将第二个元素设置为最右边？

Question

这是我的代码:

div {
  float: right;
  border: 1px solid;
}

<div> box1 </div>
<div> box2 </div>

我要做的就是将 box1 的位置更改为 box2。我的意思是我想把 box2 放在最右边。我该怎么做？

---

注意:我不想使用 flex 和 order 属性。

Answer 1

将其包裹在如下容器中:

.container{
    float:right;
}
.container div {
    float: left;
  border: 1px solid;
}

<div class="container">
<div> box1 </div>
<div> box2 </div>
</div>