Почему меняется ширина при изменении размера текста?

Question

Посмотрите эту страницу, над которой я сейчас работаю. http://lacrosselaundry.com/lacrosseLaundry/contact.php

Если я изменяю размер шрифта для 6 от 14px до 18px, он перемещает форму вправо. Почему это?

Я хочу, чтобы форма была до конца, как если бы шрифт h6 был 18px, за исключением того, что я хочу, чтобы шрифт h6 был 14 px. Как мне исправить это и почему это происходит?

Answer 1

Как насчет размеров установочных элементов? Работает для меня в firebug.

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

Как по причинам, .rightDiv двигается (несмотря на наличие align: right), так как родительский контейнер (#main) увеличение длительности. I.e., вы увеличиваете размер шрифта и растягиваете контейнер для внесения изменений. Обычно divs занимают всю доступную ширину, но float: left переопределяет это.

Answer 2

Вы можете попытаться установить ширину #main на 100%, поэтому элемент #main .rigthDiv действительно поплавится справа.