对我有用的是：

display: table;

（在Firefox和Google Chrome上测试）。

您可以使用内联块作为@user473598，但要注意较旧的浏览器。。

/* Your're working with */
display: inline-block;

/* For IE 7 */
zoom: 1;
*display: inline;

/* For Mozilla Firefox < 3.0 */
display:-moz-inline-stack;

Mozilla根本不支持内联块，但他们有-moz内联堆栈，这几乎是一样的

内联块显示属性周围的一些跨浏览器：https://css-tricks.com/snippets/css/cross-browser-inline-block/

您可以在以下位置看到一些具有此属性的测试：https://robertnyman.com/2010/02/24/css-display-inline-block-why-it-rocks-and-why-it-sucks/

评论中提到了这一点，在其中一个答案中很难找到：

如果出于任何原因使用display：flex，则可以改用：

div {
    display: inline-flex;
}

这在浏览器中也得到广泛支持。

只需设置宽度和高度以适合内容。这很简单。

div {

    width: fit-content;
    height: fit-content;
    padding: 10px;

}

我正在添加填充：10px；。如果省略了它，div元素将完全与表保持一致，看起来有点笨拙。填充将在元素的边界与其内容之间创建给定的空间。但这是你的愿望，不是强制性的。

我通过在div标记中添加span标记，并将CSS格式从外部div标记移动到新的内部span标记，解决了一个类似的问题（我不想使用display:inline块，因为项目居中）。如果display:inline块不是适合您的答案，那么就把它作为另一个备选方案。

<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封装在表格中真的很容易。。。和它可以有内联属性，也可以没有内联属性，但表仍然是保持内容总宽度的表。=）