仅仅

<div style="display: inline;">
    <table>
    </table>
</div>

如果我们定义一个全局变量并将其用于这两个变量会怎么样。

：根目录{--表格宽度：400px；}.容器{width:var（--表格宽度）；边框：1px实心黑色；//易于可视化}.内表{width:var（--表格宽度）；边框：1px纯红色；//易于可视化}<div class=“container”><table class=“inner table”><tr><td>美国广播公司</td></tr></table></div>

第二部分{宽度：配合内容；}＜div＞<表></table></div>

对我有用的是：

display: table;

（在Firefox和Google Chrome上测试）。

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

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

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