web-dev-qa-db-fra.com

Comment déplacer div verticalement en utilisant CSS

Je suis nouveau dans CSS et j'aimerais déplacer une section div vers le bas (voir l'image ci-jointe ci-dessous):

enter image description here

Comment puis-je faire en sorte que le div.title "flotte" de sorte qu'il se pose parfaitement dans le coin inférieur gauche de la div principale (boîte de couleur aqua).

J'ai essayé vertical-align mais ça ne marche pas.

8
viv_acious

Donner la marge supérieure

div{margin-top:10px;}
17
Akhil Thesiya

Vous pouvez créer votre divposition: relative bleu puis donner les div.titleposition:absolute; et bottom: 0px 

Voici une démo de travail .. http://jsfiddle.net/gLaG6/

7
TryingToImprove

Un espace de largeur standard pour une police standard de 16 pixels est de 4 pixels.

Source: http://jkorpela.fi/styles/spaces.html

0
Wylliam Judd

Je ne vois aucune mention de flexbox ici, alors je vais illustrer:

HTML

 <div class="wrapper">
   <div class="main">top</div>
   <div class="footer">bottom</div>
 </div>

CSS

 .wrapper {
   display: flex;
   flex-direction: column;
   min-height: 100vh;
  }
 .main {
   flex: 1;
 }
 .footer {
  flex: 0;
 }
0
agm1984