Ne pas obtenir la bonne largeur Jquery

J'ai un div qui est dynamiquement peuplé avec d'autres divs de différentes largeurs, et je dois obtenir la largeur totale de tous à l'intérieur divs ici est un codeNe pas obtenir la bonne largeur Jquery

<div class="inner_wrpr"> 
    <div class="box> 
    ...some content... 
    </box> 
    <div class="box> 
    ...some content... 
    </box> 
    <div class="box> 
    ...some content... 
    </box> 
    <div class="box> 
    ...some content... 
    </box> 
    </div>

Et voici la JS

<script> 
    var totalWidth = 0; 

    $('.box').each(function() { 
     totalWidth += ($(this).outerWidth(true)); 
    }); 
    $('.inner_wrpr').css({'width': totalWidth}); 
    </script>

mais pour une raison quelconque, il ne me donne que la bonne largeur de la boîte divs qui sont plus étroites alors le corps, mais quoi que ce soit plus large que le corps retourne la même largeur que le corps si vous pouviez me aider que je l'apprécierais.

Source

2014-06-26 Shmili Breuer

Avez-vous réglé * {max-width: 100%} en CSS quelque part? – mehulmpt

Comment est définie la largeur des éléments '.box'? –

Et pourquoi la largeur du conteneur ne s'ajusterait-elle pas au contenu, avez-vous utilisé la position absolute, max-width ou toute autre chose pour limiter la largeur du conteneur? – adeneo

Vous avez ajouté * {max-width: 100%; } ou quelque chose comme ça dans les éléments parents. Donc, il ne permet pas de largeurs supérieures à la largeur du corps. Vérifiez les captures d'écran:

enter image description here

Source

2014-06-26 14:38:48 mehulmpt

Non parce que la boîte .box est plus large que le corps –

Dans ce cas, avez-vous un violon ou quelque chose pour soutenir votre question? – mehulmpt

Non désolé que son contenu généré dynamiquement –

Ne pas obtenir la bonne largeur Jquery

Répondre

Questions connexes