Définissez le lien de la hauteur à 100% de celle du parent

Si j'ai de la division avec height: 100px; et il contient un lien à l'intérieur - puis-je faire un lien remplir la hauteur de la division sans coder en dur la valeur?

<div><a href="#">hello</a></div>

div {
    height: 100px;
    width: 100px;
    background: red;
}

a {
    background: green;
    height: 100%; /* This does not work. Is it possible to set this height to 100% of container? */
}

Violon: http://jsfiddle.net/nPL65/

InformationsquelleAutor sed | 2013-03-10
  1. 19

    Ajouter:

    display: block;
height: 100%;

    Si je ne sais pas si vous l'esprit le lien couvrant la largeur de la <div>

    Si vous ne définissez simplement la <a> à display: inline-block;

    jsFiddle

    • Si vous souhaitez remplir l'ensemble de la div, de le modifier pour min-height:100%
    InformationsquelleAutor Adrift
  2. 3

    Oui.. il est possible, uniquement lorsque vous définissez l'affichage de bloquer

    div {
   width: 100px;
   height: 100px;
   background: red;
}

a{
    display: block;
    height:100%;
    background: green;
}

    Comme vous pouvez le voir, le fond se remplit avec du vert au lieu de rouge.. il s'avère à la hauteur de paramètre

    InformationsquelleAutor Ronnie
  3. 2

    Les éléments de bloc va s'étendre à remplir leurs récipients, en précisant hauteur de 100% provoquera une augmentation de la hauteur de son parent.

    a {
    background: green;
    display: block;
    height: 100%;
}

    De Travail Exemple: http://jsfiddle.net/h42bD/

    InformationsquelleAutor Kevin Bowersox