使框右移並顯示從右到左的內容

Question

很難解釋我想要做什麼。

在我的codepen示例中，我有一個標準框（正常尺寸爲240px），當我點擊時它會顯示從左到右的全部內容（到800px）。

我想要實現的內容是將內容放置在左側，將方框放置到右側（此框中有240px，只有在點擊減號之前該框應可見），並且當我單擊加號顯示從右向左的內容時。 （相反，我現在有）。

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

Answer 1

至少有兩個選項，哪個更好取決於您的佈局的其餘部分。首先，你可以簡單地把它放置url到codepen代碼塊一樣浮在右邊，

.awwards-square { 
    Float: right; 
} 

或者，你可以絕對位置，也

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