Pourquoi la largeur change-t-elle lorsque je change la taille du texte?

Question

Voir cette page je suis en train de travailler. http://lacrosselaundry.com/lacrosseLaundry/contact.php

Si je change la taille de police pour 6 de 14px à 18px, il déplace le formulaire vers la droite. Pourquoi donc? Je veux que le formulaire soit complètement à droite comme quand la police h6 est 18px, sauf que je veux que la police h6 soit de 14 px. Comment puis-je résoudre ce problème et pourquoi cela se produit-il?

Answer 1

Que diriez-vous de régler les tailles d'élément? Fonctionne pour moi dans firebug.

#main { 
    width: 100%; 
} 
.clearLeft { 
    width: 300px; 
} 

Comme, pour des raisons, .rightDiv se déplace (bien qu'il ait align: right) parce conteneur parent (#main) augmentation de la largeur. C'est-à-dire que vous augmentez la taille de police et les étirements de conteneur pour s'adapter aux changements. Normalement, les divs occupent toute la largeur disponible, mais avoir float: left l'annule.

Answer 2

Vous pouvez essayer de définir la largeur de #main à 100%, de sorte que l'élément #main .rigthDiv flotte réellement vers la droite.