右にボックスを作成し、コンテンツを右から左に表示する

Question

私がしたいことを説明するのは難しいです。

私のコードペーンの例では標準ボックス（通常のサイズは240px）です。プラスをクリックすると、コンテンツ全体が左から右へ（800pxへ）表示されます。

コンテンツを左からボックス（右のボックスは240pxです。クリックする前にボックスをクリックしてからマイナスをクリックしてください）をクリックし、プラスをクリックしてコンテンツを右から左に表示します。 （逆は私が今持っているものです）。

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

Answer 1

少なくとも2つのオプションがあります。これは残りのレイアウトによって異なります。まず、あなたは、単に代わり

.awwards-square { 
    Float: right; 
} 

、右に浮くことができ、あなたは絶対にそれを置くことができ、

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