46 votes

leadgy avatar

div déroulant à l'intérieur du conteneur

Demandé el 21 de Mars, 2012
Quand la question a-t-elle été
112242 affichage
Nombre de visites la question a
4 Réponses
Nombre de réponses aux questions
Ouvert
Situation réelle de la question

J'ai le code HTML suivant : http://jsfiddle.net/fMs67/ . J'aimerais faire en sorte que le div2 respecte la taille de div1 et fasse défiler le contenu de div3.

Est-ce possible?

Merci!

MISE À JOUR-1 :

C'est le cas le plus avancé que j'ai simplifié à l'extrême lorsque j'ai posé la question : http://jsfiddle.net/Wcgvt/ . J'ai besoin d'une manière ou d'une autre de cet en-tête + sa div sœur pour ne pas dépasser la taille de la div parent.

Demandé el 21 de Mars, 2012 par leadgy

Réponses

Trop de publicités?

20voto

Mikey avatar
Mikey Points 1409

Si vous placez overflow: scroll sur une hauteur fixe div , le div défilera si le contenu prend trop de place.

Répondu el 21 de Mars, 2012 par Mikey (1409 Points )

11voto

NotJay avatar
NotJay Points 765

Au lieu de overflow:auto , essayez overflow-y:auto . Devrait fonctionner comme un charme!

Répondu el 21 de Mars, 2012 par NotJay (765 Points )

7voto

Trey Copeland avatar
Trey Copeland Points 1296

C'est ce que tu veux ?

 <body>
  <div id="div1" style="height: 500px;">
    <div id="div2" style="height: inherit; overflow: auto; border:1px solid red;">
      <div id="div3" style="height:1500px;border:5px solid yellow;">hello</div>
    </div>
  </div>
</body>

http://jsfiddle.net/fMs67/1/

Répondu el 21 de Mars, 2012 par Trey Copeland (1296 Points )

3voto

Shailender Arora avatar
Shailender Arora Points 5611

je viens d'ajouter (overflow:scroll;) dans (div3) avec une hauteur fixe.

voir le violon :- http://jsfiddle.net/fMs67/10/

Répondu el 22 de Mars, 2012 par Shailender Arora (5611 Points )

Questions en vedette

Top Tags

Dans notre réseau

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

Yandex
X