пытается центрировать div внутри фиксированной ширины div

Question

У меня есть родительский div, ширина которого равна 150px. Когда я создаю дочерний div, firebug говорит, что его ширина тоже 150 пикселей. Почему это?

Таким образом, когда я пытаюсь использовать margin auto для горизонтального выравнивания div, это не имеет значения. Есть ли способ переопределить ширину 150 пикселей, которая автоматически устанавливается для дочернего div?

Answer 1

По умолчанию элемент div является блочным элементом, а элементы блока занимают всю ширину их содержащего элемента, если не указано иное.

Answer 2

@ j08691 является правильным в отношении элементов блока div. Вам необходимы либо таблицы стилей или встроенные стили, которые имеют следующий эффект:

<div style="width: 150px; text-align: center;"> 
    <div style="width: [smaller width]; margin: 0 auto; text-align: left;"></div> 
</div> 

..следующая причина заключается в том, что запас внутренней DIV не может автоматически определять их размера, если внутренний DIV не имеет ширину.

[... текст выравнивания материал только осталось осадка из обратно в IE6 (и 7?) Дней ;-)]

Answer 3

Поскольку ДИВ является уровень блочный элемент, ширина по умолчанию из полный родитель. Ширина самого встроенного элемента контента адаптивна, например: элемент span