.outer{
          width:fit-content;   
          display: flex;
          align-items: center;
    }
    .outer .content{
         width: 100%;
    }
        
        
        
        
<div class=outer>
    <div class=content>
       Add your content here


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

display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;

Foo Hack–对内联块样式的跨浏览器支持（2007-11-19）。

我们可以对div元素使用以下两种方法中的任意一种：

display: table;

or,

display: inline-block; 

我更喜欢使用display：table；，因为它自己处理所有额外的空间。而display:inline块需要一些额外的空间修复。

这似乎是一个13年前的问题。

.div{
display:inline-block;
}

or

.div{
display:inline-flex;
}

现在可以工作几天，没有任何兼容性问题。

不知道这将出现在什么上下文中，但我相信CSS样式的属性float（向左或向右）将产生这种效果。另一方面，它也会有其他副作用，例如允许文本在其周围浮动。

如果我错了，请纠正我，我不是100%确定，目前无法自己测试。