Owl Carousel - largeur est mal calculé

J'ai trois éléments sensibles (dim), mais à chaque fois que le Hibou-Carrousel est chargé, le hibou-wrapper largeur est de deux fois la taille de toutes les images ensemble.
Par exemple; si les images pleine taille prend 1583 px, le hibou-wrapper prend 1583 * 3 * 2 = 9498px, le site prend cette largeur, au lieu de la taille réelle (1583 px).

La question: http://nacionalempreendimen.web2144.uni5.net

HTML

<div id="promoted-carousel">
    <div class="item"><img src="assets/img/tmp/1.jpg"></div>
    <div class="item"><img src="assets/img/tmp/2.jpg"></div>
    <div class="item"><img src="assets/img/tmp/3.jpg"></div>
</div>

CSS

#promoted-carousel .item img{
    display: block;
    width: 100%;
    height: auto;
}

JS

$('#promoted-carousel').owlCarousel({
    autoPlay: 5000,
    stopOnHover: true,
    singleItem: true
});

Mise à JOUR

J'ai vu que quand j'ai mis #promoted-carousel div de .page-wrapper div, il fonctionne correctement. Mais mes connaissances en css, il n'est pas suffisant pour comprendre pourquoi il fonctionne.

  • essayez de mettre à #main CSS ceci: overflow: hidden et de voir si les travaux
  • ou .principal? J'ai essayer dans .css principale, mais n'a pas fonctionné.
  • #main, le # signifie que c'est un ID, parce que quand j'ai inspecté l'élément, c'était la div avant votre carrousel div. si c'est le trop-plein est caché, alors il va se cacher, si plus grand que le 100%.
  • La version de owl carousel vous utilisez?
  • J'espère que la question n'est pas dans Owl Carousel ! voir cet exemple jsfiddle.net/kishoresahas/u0d8L2z7
  • Avez-vous une mise à jour de l'URL de votre code?
  • Définir les éléments à 1 les résoudre (dans mon cas).
  • si vous avez réussi à la fixer avec une solution de contournement pourquoi ne pas écrire votre code solution de contournement ?