J'ai deux éléments div côte à côte. Lorsque je déplace la souris sur le premier et l'anime, la suivante tremble étrangement. Voyez ici: html p> css p> jQuery p> Je ne peux pas utiliser la marge au lieu de la frontière car j'utilise une image d'arrière-plan avec l'origine de la bordure, donc je ne veux pas qu'il se déplace avec son contenu. p> Toute aide? P> P>
3 Réponses :
Indiquez au navigateur de garder à la fois le rembourrage et la largeur de la bordure à l'intérieur de la hauteur / largeur définie afin qu'elle ne pense pas que la taille change:
La seule des trois réponses qui ne résout pas le problème a été marquée comme correcte, je n'ai pas compris les critères de l'OP.
En fait, cet anwser (et les autres) m'a donné le même indice sur la résolution de mon problème sans emballage. Ma solution s'appuie sur Spécifier la largeur et la hauteur explicites au lieu d'utiliser le remplissage.
Au fait, Box-dimensionnement code> est pris en charge par tous les navigateurs actuels [ Caniuse.com/ CSS3-BoxSizing] . Ce n'est que l'option
boîte de pavage code> expérimentale. Aussi, s'il vous plaît laissez-nous savoir comment cela ne résout pas le problème lorsque le violon indiqué dit autrement.
Si cela ne vous dérange pas de modifier ... J'irais un positionnement CSS.
Bien que cela ait une étiquette supplémentaire
Quelque chose comme: p> et dans votre CSS d'origine: p> jQuery: p> Essayez ça .... p>
Si de petits changements HTML / CSS ne sont pas un problème: http://jsfiddle.net/yqzsv/8/
html: p> < Pré> xxx pré>
CSS: p> essentiellement, un diviser comme emballage ... P> P>
Merci les gars!! Je ne sais vraiment pas quelle est la meilleure réponse.
Pourquoi le bowvote? Ceci est une excellente question.