Faire flotter un span en bas à droite dans un div

Question

Duplicata possible :
Comment faire en sorte qu'une division flotte au fond de son conteneur ?

J'ai ce code pour faire flotter un div en bas à droite d'un div. Mais le span reste bloqué en haut à gauche.

<div id="color_tile" class="select_tile" title="Choose color" style="background: grey; background-image: url(wallpaper/201_color_picker.jpg);" >    
  <span id="color_picker" style="visibility: visible; display: block; float: right; vertical-align: bottom;"></span>
</div>

Existe-t-il une autre façon de placer la portée ?

Answer 1

Vous devriez probablement séparer correctement vos HTML/CSS les uns des autres.

Votre code pourrait ressembler à quelque chose comme ceci

HTML :

<div>
    <span>Absolute right bottom aligned to div...</span>
</div>

CSS :

div { position: relative; }
div > span { position: absolute; right: 0; bottom: 0; }

Il est évident que votre div doit avoir une hauteur/largeur supérieure à celle du span, mais en général, c'est une façon très acceptable de procéder.

Cela ne fait pas en sorte que le contenu du div " coule " autour du span, mais cela n'a pas été spécifié clairement. Comme indiqué, ce que vous avez là devrait fonctionner dans ce cas et si ce n'est pas le cas, c'est dans le reste de votre code.

Answer 2

Vartical-align est très particulier à faire fonctionner (c'est pourquoi je ne l'utilise presque jamais).

Sur la travée : position:absolute; bottom:0; right:0;

et mettez une hauteur/largeur sur le div parent et vous serez prêt.