使框右移并显示从右到左的内容

问题描述：

在我的codepen示例中，我有一个标准框（正常尺寸为240px），当我点击时它会显示从左到右的全部内容（到800px）。

我想要实现的内容是将内容放置在左侧，将方框放置到右侧（此框中有240px，只有在点击减号之前该框应可见），并且当我单击加号显示从右向左的内容时。（相反，我现在有）。

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

请不要规避规则那。规则的存在是有原因的，你应该在的问题中发表一些代码。 – sn3ll

答

至少有两个选项，哪个更好取决于您的布局的其余部分。首先，你可以简单地把它放置url到codepen代码块一样浮在右边，

.awwards-square { 
    Float: right; 
}

或者，你可以绝对位置，也

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