父div缩放到它里面的内容

我以为父div根据里面的内容自动缩放。例如我有一个div作为其中的父母，我有另一个只有文本的div。当我通过萤火虫查看它的时候，它显示父窗格一直延伸到整个浏览器。我认为它应该只延伸到内部div内的文本的长度。如何使父级缩放到内部而不是完整的浏览器宽度。父div缩放到它里面的内容

<div id="outter"> 
    <div id="inner">some empty text</div> 
</div>

什么是您的CSS？ – kamalo 2012-03-27 19:26:12

默认情况下，div是块级元素，并跨越其包含元素的全部宽度。 – j08691 2012-03-27 19:29:28

你是对的divs自动缩放到他们的内容（不需要任何css），但只有垂直！ – 2012-03-27 19:35:01

默认情况下，其他div中的div将与包含它的div一样大。所以，你必须设置格“outter”的大小或默认情况下它会在文档

2012-03-27 19:28:58 chadpeppers

好吧，所以默认情况下，它将以百分比为单位的浏览器宽度。所以如果我将div设置为内联块，那么这应该解决问题。或者设置一个宽度。我不想设置宽度，因为文本会动态变化，所以需要调整为文本大小。 – user1096509 2012-03-27 19:44:06

是的，我会把它设置为内联黑色来解决这个问题，因为它会扩大div – chadpeppers 2012-03-27 20:57:57

其是display:block（其div是默认设置）由缺省元素是100％的宽度。 display: inline或inline-block元素将适合其内容。

2012-03-27 19:27:58

<div>是一个块元素。尝试<span>或<div style="display:inline"></div> ... <div style="float:left"></div>可能有类似的效果。

2012-03-27 19:27:58 Timmerz

我想你会发现，这些div都是100％：

display:block;

如果你这样做：

#outer, #inner { 
    display:inline; 
}

这两个元素将只与其内容一样宽。

2012-03-27 19:31:02 clexmond

回答