изменяет свои размеры,
подстраиваясь под содержимое.
В противном случае ширина блока
равна значению width.
Во всех случаях Firefox
действует по спецификации
CSS. А именно, ширина блока
получается сложением
значений width, padding, margin
и border.
Содержимое блока, если не
помещается в заданные
размеры, отображается
поверх блока.
Ширина равна
значению width.
Содержимое блока,
если не помещается в
заданные размеры,
отображается поверх.
«Переходный»

«Строгий»

Ширина формируется путем
сложения значений width, padding,
margin и border.
Содержимое блока, если не
помещается в заданные размеры,
отображается поверх.
Ширина равна
значению width плюс
padding, margin, и
border.
Содержимое блока,
если не помещается в
заданные размеры,
отображается поверх.
XHTML

auto
inherit
HTML 4.01 CSS 2.1 IE 6 IE 7 IE 8 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0
background: #fc0; /* Цвет фона */
padding: 7px; /* Поля вокруг текста */
border: 1px solid #ccc; /* Параметры рамки */
}
.layer2 {
width: 400px; /* Ширина текстового блока */
}




Lorem ipsum dolor sit amet,consectetuer
adipiscing elit,seddiem nonummy nibh euismod tincidunt ut
lacreet dolore magna aliguam erat volutpat.



Результат данного примера, как он отображается в бразере Opera показан ни рис. 
1.
Рис. 1. Ширина блока в браузере Opera
Объектная модель
[window.]document.getElementById("elementID").style.width
Браузеры
Браузер Internet Explorer 6 некорректно определяет width как min-width. В 
режиме несовместимости (quirk
mode) Internet Explorer до версии 8.0 включительно неправильно вычисляет ширину 
элемента, не добавляя
к ней значение отступов, полей и границ.
Internet Explorer до седьмой версии включительно не поддерживает значение 
inherit.