我的布局类似于：
<div>
<table>
</table>
</div>
我希望div只扩展到表的宽度。
当前回答
我通过在div标记中添加span标记，并将CSS格式从外部div标记移动到新的内部span标记，解决了一个类似的问题（我不想使用display:inline块，因为项目居中）。如果display:inline块不是适合您的答案，那么就把它作为另一个备选方案。
其他回答
我尝试了div.classname｛display：table cell；｝，结果成功了！
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
Foo Hack–对内联块样式的跨浏览器支持（2007-11-19）。
您可以使用内联块作为@user473598，但要注意较旧的浏览器。。
/* Your're working with */
display: inline-block;
/* For IE 7 */
zoom: 1;
*display: inline;
/* For Mozilla Firefox < 3.0 */
display:-moz-inline-stack;
Mozilla根本不支持内联块，但他们有-moz内联堆栈，这几乎是一样的
内联块显示属性周围的一些跨浏览器：https://css-tricks.com/snippets/css/cross-browser-inline-block/
您可以在以下位置看到一些具有此属性的测试：https://robertnyman.com/2010/02/24/css-display-inline-block-why-it-rocks-and-why-it-sucks/
如果我们定义一个全局变量并将其用于这两个变量会怎么样。
：根目录{--表格宽度：400px；}.容器{width:var（--表格宽度）；边框：1px实心黑色；//易于可视化}.内表{width:var（--表格宽度）；边框：1px纯红色；//易于可视化}<div class=“container”><table class=“inner table”><tr><td>美国广播公司</td></tr></table></div>
width:1px;
white-space: nowrap;
对我来说很好：）
