我的布局类似于：
<div>
<table>
</table>
</div>
我希望div只扩展到表的宽度。
当前回答
在Firebug中我发现了属性值-moz fit content，它完全符合OP的要求，可以如下使用：
width: -moz-fit-content;
虽然它只在Firefox上运行，但我找不到其他浏览器（如Chrome）的等效版本。
其他回答
width:1px;
white-space: nowrap;
对我来说很好：）
对我有用的是：
display: table;
（在Firefox和Google Chrome上测试）。
只需使用display：inline；（或空白：nowrap；）。
我希望你觉得这很有用。
如果你有容器破坏了行，在几个小时后寻找一个好的CSS解决方案，但没有找到，我现在使用jQuery代替：
$（'按钮'）.click（函数）{$（'nav ul'）.each（函数）{$parent=$（this）.parent（）；$parent.width（$（this）.width（））；});});导航{显示：内联块；文本对齐：向左；/*不会做任何事，不像一些人可能会猜测的那样*/}上一页{显示：内联；}/*所需样式*/上一页{填充：0；}正文{宽度：420px；}/*恰到好处的风格*/正文{背景：#ddd；边距：1em自动；}按钮{显示：块；}导航{背景：#bbb；边距：1rem自动；衬垫：0.5rem；}李{显示：内联块；宽度：40px；高度：20px；边框：实心薄#777；边距：4px；背景：#999；文本对齐：居中；}<script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js“></script><button>修复</button><导航>＜ul＞<li>3个</li><li></li><li>1个</li><li>4个</li></ul></nav><导航>＜ul＞<li>3个</li><li></li><li>1个</li><li>4个</li><li>1个</li><li>5个</li><li>9个</li><li>2个</li><li>6个</li><li>5个</li><li>3个</li><li>5个</li></ul></nav>
<div class="parentDiv" style="display:inline-block">
// HTML elements
</div>
这将使父div宽度与最大元素宽度相同。
