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

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

div {
    display: inline-flex;
}

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

只需将样式放入CSS文件

div { 
    width: fit-content; 
}

您可以选择高度：100%和宽度。这使得div不大于其内容。

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

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

这里有一个工作演示-

.浮动框{显示：-moz内联堆栈；显示：内联块；宽度：配合内容；高度：配合内容；宽度：150px；高度：75px；边距：10px；边框：3px实心#73AD21；}<h2>The Way正在使用内联块</h2>CSS中还添加了支持元素。＜div＞<div class=“floating box”>浮动框</div><div class=“floating box”>浮动框</div><div class=“floating box”>浮动框</div><div class=“floating box”>浮动框</div><div class=“floating box”>浮动框</div><div class=“floating box”>浮动框</div><div class=“floating box”>浮动框</div><div class=“floating box”>浮动框</div></div>

我的CSS3 flexbox解决方案有两种风格：顶部的表现像span，底部的表现像div，在包装器的帮助下获取所有宽度。它们的类分别是“top”、“bottom”和“bottomwrapper”。

正文{字体系列：无衬线；}.顶部{显示：-webkit内联flex；显示：内联flex；}.顶部，.底部{背景色：#3F3；边框：2px实心#FA6；}/*底部包装器将占据其余宽度*/.底部包装{显示：-webkit flex；显示：柔性；}表{边界塌陷：塌陷；}表格，th，td{宽度：280px；边框：1px实心#666；}第{背景色：#282；颜色：#FFF；}标准差{颜色：#444；}第，天{填充：0 4px 0 4px；}这是吗<div class=“top”><表><tr>操作系统</th><th>版本</th></tr><tr><td>OpenBSD</td><td>5.7</td></tr><tr><td>Windows</td><td>请升级到10</标准差></tr></table></div>你在找什么？<br>或者可能是。。。<div class=“bottomwrapper”><div class=“bottom”><表><tr>操作系统</th><th>版本</th></tr><tr><td>OpenBSD</td><td>5.7</td></tr><tr><td>Windows</td><td>请升级到10</标准差></tr></table></div></div>这就是你要找的。