Masquer les barres de défilement du navigateur

Question

Si j'ai deux DIV sur ma page Web qui sont plus grandes qu'une fenêtre de navigateur, alors j'ai une barre de défilement horizontale dans mon navigateur.

Que dois-je faire pour masquer cette barre de défilement du navigateur pour le premier DIV et ne pas me cacher une seconde?

Comme j'ai deux divs: largeur 200px et 300px. Je veux cacher la barre de défilement horizontale si mon browsersize 201-299 px. 250px par exemple.

Comment est-ce que je pourrais interdire défiler la fenêtre de navigateur si la largeur 201-299?

Answer 1

Vous pouvez envelopper les deux <div> s dans un emballage <div> avec min-width ensemble à quelque chose acceptable pour vous:

<style> 
div.wrapper { 
    min-width: 300px; 
} 

div.content { 
width: 250px; 
} 
</style> 

<div class="wrapper"> 
    <div class="content> 
    ... 
    </div> 
    <div class="content> 
    ... 
    </div> 
</div> 

De cette façon, le navigateur montrera les barres de défilement pour la div wrapper, mais pas sur les divs de contenu . Est-ce ce que vous cherchez?