Строчные замещаемые элементы
Если вычисленное значение
margin-left или margin-right равно auto, то их используемое значение становится равным 0.Если
height и width имеют вычисленные значения auto и элемент также имеет собственную (natural) ширину, тогда эта ширина является используемым значением width.Если и
height, и width имеют вычисленные значения auto, а элемент не имеет собственной ширины, но имеет собственную высоту и собственное соотношение, или если ширина имеет вычисленное значение auto, а высота нет, и элемент имеет собственное соотношение, тогда ширина вычисляется как:(used height) * (natural ratio);Если для высоты и ширины вычисленные значения
auto, и элемент имеет собственное соотношение, но не имеет внутренней высоты или ширины, то используемое значение ширины не определено в CSS 2. Однако предполагается, что, если ширина содержащего блока не зависит от ширины замещаемого элемента, то есть используемое значение ширины вычисляется из уравнения ограничения, используемого для незамещенных блочных элементов в нормальном потоке.Если ширина имеет вычисленное значение
auto, и элемент имеет собственную ширину, тогда эта собственная ширина является используемым значением ширины.Если ширина имеет вычисленное значение
auto, но ни одно из вышеперечисленных условий не выполняется, то используемое значение ширины становится 300 пикселей. Если
300 пикселей слишком широкие для устройства, UA должны использовать ширину самого большого прямоугольника, который имеет соотношение 2: 1 и подходит для устройства.Например, это iframe'ы. Будучи вставленными на страницу без стилей, они имеют ширину 300 и высоту 150 пикселей.
Источник - https://www.w3.org/TR/CSS2/visudet.html#inline-replaced-width
Версия поста в блоге.
#css_display