父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

回答