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

Question

很难解释我想做什么。

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

我想要实现的是将内容放在左边，从右到右（这个框有240px，只有框才能在点击减去之前显示）当我点击加上显示内容从右边到剩下。 （反之亦然）。

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

Answer 1

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

.awwards-square {
    Float: right;
}

或者，您可以绝对定位，

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