我的布局类似于：
<div>
<table>
</table>
</div>
我希望div只扩展到表的宽度。
当前回答
你的问题的答案在于未来，我的朋友。。。
即“内在”将随最新的CSS3更新而来
width: intrinsic;
不幸的是IE落后于它，所以它还不支持它
更多信息：CSS内部和外部尺寸模块级别3和我可以使用吗？：内在和外在尺寸。
现在，您必须满足＜span＞或＜div＞设置为
display: inline-block;
其他回答
我认为使用
display: inline-block;
但我不确定浏览器的兼容性。
另一种解决方案是将您的div包装在另一个div中（如果您想保持块行为）：
HTML格式：
<div>
<div class="yourdiv">
content
</div>
</div>
CSS:
.yourdiv
{
display: inline;
}
display：inline块为元素添加额外的边距。
我建议这样做：
#element {
display: table; /* IE8+ and all other modern browsers */
}
奖金：你现在只需添加margin:0auto，就可以轻松地将这个新奇的#元素居中。
在Firebug中我发现了属性值-moz fit content，它完全符合OP的要求，可以如下使用：
width: -moz-fit-content;
虽然它只在Firefox上运行，但我找不到其他浏览器（如Chrome）的等效版本。
您可以尝试此代码。按照CSS部分中的代码操作。
第二部分{显示：内联块；填充：2vw；背景色：绿色；}表{宽度：70vw；背景色：白色；}＜div＞<table border=“colapsed”><tr><td>苹果</td><td>香蕉</td><td>草莓</td></tr><tr><td>苹果</td><td>香蕉</td><td>草莓</td></tr><tr><td>苹果</td><td>香蕉</td><td>草莓</td></tr></table></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>
