我尝试了div.classname｛display：table cell；｝，结果成功了！

好的，在很多情况下，您甚至不需要做任何事情，因为默认情况下，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>

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

width: -moz-fit-content;

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

尝试显示：inline block；。为了实现跨浏览器兼容，请使用以下css代码。

第二部分{显示：内联块；显示：-moz内联堆栈；缩放：1；*显示：内联；边框样式：实心；边框颜色：#0000ff；}＜div＞<表><tr><td>第1列</td><td>第2列</td><td>第3列</td></tr></table></div>

display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;

Foo Hack–对内联块样式的跨浏览器支持（2007-11-19）。

修订版（如果您有多个孩子，则适用）：您可以使用jQuery（查看JSFiddle链接）

var d= $('div');
var w;


d.children().each(function(){
 w = w + $(this).outerWidth();
 d.css('width', w + 'px')
});

不要忘记包含jQuery。。。

在此处查看JSfiddle