2010-11-24 5 views
0

J'ai quelque chose de similaire à cebas aligner un lien dans un div

.col {float: left; width:190px;border: 1px solid red;} 

<div class="col"> 
    <p>some text goes here some ass sasass here </p 
</div> 
<div class="col"> 
    <p>some text goes here</p> 
    <a href="">Link</a> 
</div> 

Ainsi, le texte sur la première div est assez long alors que le texte dans la deuxième div n'est pas. Donc le premier div devient plus grand que le second div. Ce que je veux accomplir est de laisser le texte dans la deuxième colonne comme il est mais aligner verticalement le lien vers le bas pour correspondre à la hauteur div gauche.

Est-ce que cela a du sens?

Merci

+0

spécifiez-vous la largeur 2 fois exprès? – Arief

+0

Google avec "colonnes de hauteur égale CSS". –

+0

oui la largeur doit être la même sur les deux colonnes. – user

Répondre

0

Regardez cet exemple:
http://www.ejeliot.com/samples/equal-height-columns/example-6.html

ajouté:
vous devez prendre l'élément que vous voulez mettre sur le fond.

<div class="col"> 
    <p>Lorem ipsum dolor 1</p> 
</div> 
<div class="bottom"></div> 

<div class="col"> 
    <p>Lorem ipsum dolor 2</p> 
</div> 
<div class="bottom"> 
    <a href="#">link</a> 
</div> 
+0

ouais je vois ça, mais comment alignez-vous le texte sur la colonne de gauche en bas? – user

+0

hmm il ne semble pas fonctionner réellement – user

+0

poster tout votre code de travail, alors peut-être que nous pouvons y jeter un coup d'oeil correctement – Arief