2017-10-04 9 views
0

Il est difficile d'expliquer ce que je veux faire.Faire une boîte sur la droite et afficher le contenu de droite à gauche

Sur mon exemple de codepen j'ai une boîte standard (taille normale 240px), quand je clique plus elle montre le contenu entier de gauche à droite (à 800px). Ce que je veux accomplir est de placer le contenu à gauche, boîte à droite (cette boîte qui a 240px, seulement la boîte devrait être visible avant le clic moins) et quand je clique plus le contenu de droite à gauche. (inverse est ce que j'ai maintenant).

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

S'il vous plaît ne contournent pas les règles en plaçant l'URL d'un codepen dans des blocs de code comme cette. Les règles existent pour une raison, vous devriez poster du code dans la question. – sn3ll

Répondre

0

Il y a au moins deux options, ce qui dépend mieux du reste de votre disposition. Tout d'abord, vous pouvez simplement flotter vers la droite,

.awwards-square { 
    Float: right; 
} 

Sinon, vous pouvez le placer absolument,

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