html - 在右侧制作框并从右到左显示内容

Question

很难解释我想做什么。

在我的 codepen 示例中，我有一个标准框(正常大小 240px)，当我单击它时，它会从左到右显示整个内容(到 800px)。

我想要实现的是将内容放在左边，框放在右边(这个框有 240px，只有框在点击减号之前应该是可见的)，当我点击加号时显示内容从右到左。 (相反的是我现在拥有的)。

`https://codepen.io/bobobob22/pen/OxOBPg`

Answer 1

至少有两个选项，哪个更好取决于您的其余布局。首先，您可以简单地将它 float 到右侧，

.awwards-square {
    Float: right;
}

或者，你可以绝对定位，

.awwards-square {
    position: absolute;
    right: 0px;
}