Je suis nouveau dans CSS et j'aimerais déplacer une section div vers le bas (voir l'image ci-jointe ci-dessous):
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.
Donner la marge supérieure
div{margin-top:10px;}
Vous pouvez créer votre div
position: relative
bleu puis donner les div.title
position:absolute;
et bottom: 0px
Voici une démo de travail .. http://jsfiddle.net/gLaG6/
Un espace de largeur standard pour une police standard de 16 pixels est de 4 pixels.
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;
}