Faire menu vertical hauteur de 100%

J'ai fait un croquis http://i.imgur.com/cx3jXPu.jpg donc encadré présente à glisser vers le bas tout le chemin avec le contenu de la barre latérale.

Pouvez consulter stackoverflow.com/questions/16642866/...

OriginalL'auteur Optimus Prime | 2014-03-26

  1. 8

    sa hauteur doit être de 100% ainsi qu'à tous ses parents divs

    html, body{
    height:100%;
    width: 100%;
}
.container{
    width:100%;
    height:100%;
    border:1px solid red;
}
.sidebar{
    width:25%;
    height:100%;
    background:gray;
}

    http://jsfiddle.net/ahmedskaya/Bek9L/1863/

    Que faire si .content est heigher de 100%? cela devrait être mieux : jsfiddle.net/Bek9L/1879
    Ça ne fonctionne pas si vous ajoutez un peu de contenu

    OriginalL'auteur Ahmedskaya

  2. 0

    À l'aide de jquery, vous pouvez atteindre facilement.

    $(document).ready(function(){
    $("#side").height( $("#main").height() );
});

    Ici est le CSS aussi.

    #side{background: gold;}
#side, #main{float:left; width:200px;}

    Ici est la Démo.

    OriginalL'auteur Kheema Pandey