Faire défiler la div parent par rapport à défilement

Question

horizontal de l'enfant je suit le code HTML:

<div style="height: auto; width: 400px; overflow: hidden;" id= "parent"> 
    //dynamic content which makes width of the parent to overflow 
    <div style= "height: 200; width: 400px; overflow: auto;" id= "child"> 
    // dynamic content which makes width of the child div to overflow horizontally and vertically 
    </div> 
</div> 

Est-il possible, je peux faire défiler la div parent Horizontalement alors que je suis défilement l'enfant div? En fait, j'essaie de figer les en-têtes (le contenu de la div parente) et je veux un scroll pour les données (Content of the div div). Toute aide serait grandement appréciée.

Merci

Answer 1

Il y a un attribut CSS white-space:nowrap qui peut fonctionner.

Un problème que vous pourriez rencontrer est que la plupart des textes HTML seront renvoyés à la ligne par défaut. Vous devrez peut-être utiliser les balises <pre> ou <code> pour obtenir le défilement horizontal à l'intérieur du parent div sans sauts de ligne si c'est ce que vous recherchez. Pour obtenir l'effet de blocage, votre commentaire indique que vous recherchez, il suffit d'utiliser une div séparée pour les panneaux d'en-tête et de contenu.

<div id="container"> 
    <div id="header"></div> 
    <div id="info"></div> 
</div>