Aligner Div en bas sur la Div principale
J'ai deux divs, l'un dans l'autre, et je voudrais la petite div être alignés au bas de la page principale div.
Voici mon code jusqu'à présent. Actuellement, le bouton est en haut de la div principale, à la place, je veux qu'elle positionnée au fond. Toute aide serait appréciée.
.vertical_banner {
border: 1px solid #E9E3DD;
float: left;
height: 210px;
margin: 2px;
padding: 4px 2px 10px 10px;
text-align: left;
width: 117px;
}
#bottom_link{
vertical-align: bottom;
}
Voici comment j'ai essayé de l'utiliser, mais comme vous pouvez le voir je suis encore nouveau pour le CSS 🙂
<div class="vertical_banner">
<div id="bottom_link">
<input type="submit" value="Continue">
</div>
</div>
Vous devez vous connecter pour publier un commentaire.
Modifier votre CSS comme ceci:
CSS:
HTML:
Donner votre mère div
position: relative
, puis donnez à votre enfant divposition: absolute
, ce sera la position absolue de la div à l'intérieur de son parent, alors vous pouvez donner à l'enfantbottom: 0px;
Voir exemple ici:
http://jsfiddle.net/PGMqs/1/
Je suppose que vous aurez besoin de la position absolue
Ce n'est pas vraiment possible en HTML, sauf à utiliser le positionnement absolu ou javascript. Donc, une solution serait de donner à cette CSS pour #bottom_link:
Sinon vous auriez à utiliser du javascript. Voici un jQuery bloc qui devrait faire l'affaire, en fonction de la simplicité de la page.
Veuillez essayer ceci:
Voici un JSFiddle démo: http://jsfiddle.net/rudiedirkx/7FGKN/.