我在一个div中有一个span，只需在容器div中设置margin:auto就可以了。

<div class="parentDiv" style="display:inline-block">
    // HTML elements
</div>

这将使父div宽度与最大元素宽度相同。

修订版（如果您有多个孩子，则适用）：您可以使用jQuery（查看JSFiddle链接）

var d= $('div');
var w;


d.children().each(function(){
 w = w + $(this).outerWidth();
 d.css('width', w + 'px')
});

不要忘记包含jQuery。。。

在此处查看JSfiddle

我认为使用

display: inline-block;

但我不确定浏览器的兼容性。

另一种解决方案是将您的div包装在另一个div中（如果您想保持块行为）：

HTML格式：

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

CSS:

.yourdiv
{
    display: inline;
}

您可以尝试此代码。按照CSS部分中的代码操作。

第二部分{显示：内联块；填充：2vw；背景色：绿色；}表{宽度：70vw；背景色：白色；}＜div＞<table border=“colapsed”><tr><td>苹果</td><td>香蕉</td><td>草莓</td></tr><tr><td>苹果</td><td>香蕉</td><td>草莓</td></tr><tr><td>苹果</td><td>香蕉</td><td>草莓</td></tr></table></div>

<table cellpadding="0" cellspacing="0" border="0">
    <tr>
        <td>
            <div id="content_lalala">
                this content inside the div being inside a table, needs no inline properties and the table is the one expanding to the content of this div =)
            </div>
        </td>
    </tr>
</table>

我知道人们有时不喜欢表格，但我必须告诉你，我尝试了css内联技巧，它们在一些div中有点奏效，但在其他div中没有，所以，将扩展的div封装在表格中真的很容易。。。和它可以有内联属性，也可以没有内联属性，但表仍然是保持内容总宽度的表。=）