Comment faire un DIV pas envelopper ?

Question

Cette exigence peut sembler bizarre, mais c'est réellement nécessaire.

J'ai besoin de créer un conteneur DIV style qui contient plusieurs autres DIV. Il est demandé que ces divisions ne pas envelopper si la fenêtre du navigateur est redimensionnée pour être étroite.

J'ai essayé de le faire fonctionner comme ci-dessous.

<style>
   .container
   {
      min-width: 3000px;
      overflow: hidden;
   }
   .slide
   {
      float: left;
   }
</style>
<div class="container">
   <div class="slide">something</div>
   <div class="slide">something</div>
   <div class="slide">something</div>
   <div class="slide">something</div>
</div>

Cela fonctionne dans la plupart des cas. Cependant, dans certains cas, le rendu est incorrect. J'ai trouvé le conteneur DIV changement de 3000px largeur de RTL de IE7; et il s'avère être salissant.

Est-il un autre moyen de faire un DIV conteneur de ne pas enrouler?

Merci.

Answer 1

Essayez d’utiliser dans le style de conteneur (au lieu de )

Answer 2

Si je ne veux pas de définir une largeur minimale parce que je ne sais pas la quantité d’éléments la seule chose qui a fonctionné pour moi a été :

Mais seulement en Chrome et Safari  :/

Answer 3

Ce qui suit a fonctionné pour moi (j’ai modifié votre exemple un peu pour un effet visuel) :

L’essayer.

Answer 4

devrait vous donner le comportement correct. Ma conjecture est que est foiré parce que vous avez sur l’encapsulé s.

À côté de ce bug, vous avez le bon comportement.

Answer 5

Essayez d’utiliser `` pour le cas d’Internet Explorer.