试图将div置于固定宽度div内

Question

我有一个父div，其宽度固定为150px。当我创建一个子div时，firebug说它的宽度也是150px。这是为什么？

因此，当我尝试使用margin auto来水平对齐div时，它没有什么区别。有没有办法覆盖为子div自动设置的150px宽度？

Answer 1

除非另有说明，否则默认情况下div是块元素，块元素占据其包含元素的整个宽度。

Answer 2

因为div是块级元素，所以是完整父级的默认宽度。内联元素内容的宽度本身是自适应的，例如：span元素

Answer 3

@ 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？）天后留下了污泥;-)]