解決方案是將div到display: inline-block.

您需要一個塊元素，它具有CSS所稱的收縮到合適的寬度，而規(guī)范并沒有提供一種幸運的方法來獲得這樣的東西。在CSS 2中，收縮到合適并不是一個目標，而是用來處理瀏覽器“必須從稀薄的空氣中獲得一個寬度”的情況。這些情況是：

• 浮子
• 絕對定位元件
• 內(nèi)聯(lián)塊單元
• 表元素

當(dāng)沒有指定寬度時。我聽說他們想在CSS 3中添加你想要的內(nèi)容?，F(xiàn)在，用上面的一個來做。

不直接公開特性的決定似乎很奇怪，但這是有充分理由的。太貴了。收縮適應(yīng)意味著格式化至少兩次：在知道元素的寬度之前，不能開始格式化元素，并且不能計算貫穿整個內(nèi)容的寬度w/o。此外，一個人不需要收縮，以適合的元素，經(jīng)常你可能認為。為什么你的桌子周圍需要額外的div？也許表格標題是你所需要的。

我覺得用

display: inline-block;

但是我不確定瀏覽器的兼容性。

另一個解決方案是將您的div在另一個div(如果要維護塊行為)：

HTML：

<div>
    <div class="yourdiv">
        content    </div></div>

CSS：

.yourdiv{
    display: inline;}