在Firebug中我发现了属性值-moz fit content，它完全符合OP的要求，可以如下使用：

width: -moz-fit-content;

虽然它只在Firefox上运行，但我找不到其他浏览器（如Chrome）的等效版本。

好的，在很多情况下，您甚至不需要做任何事情，因为默认情况下，div的高度和宽度都是自动的，但如果不是这样，应用内联块显示将对您有效。。。看看我为你创建的代码，它会做你想要做的事情：

第二部分{显示：内联块；}＜div＞<表><tr><td>Lorem ipsum dolor坐amet，consectetur adipiscing elit。Morbi ultrices feugiat massa sed laoreet。Maecenas et magna egestas，facilisis purus quis，前庭nibh</标准差><td>Nunc auctor aliquam est ac viverra公司。Sed enim nisi，feugiat Sed accumsan eu，convalis eget felis。Pellentesque consequat eu leo nec pharetra。直径为</td><td>Lorem ipsum dolor坐amet，consectetur adipiscing elit。Morbi ultrices feugiat massa sed laoreet。Maecenas et magna egestas，facilisis purus quis，前庭nibh</标准差></tr></table></div>

你的问题的答案在于未来，我的朋友。。。

即“内在”将随最新的CSS3更新而来

width: intrinsic;

不幸的是IE落后于它，所以它还不支持它

更多信息：CSS内部和外部尺寸模块级别3和我可以使用吗？：内在和外在尺寸。

现在，您必须满足＜span＞或＜div＞设置为

display: inline-block;

这里有一个工作演示-

.浮动框{显示：-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>

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

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

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