<div class="parentDiv" style="display:inline-block">
    // HTML elements
</div>

这将使父div宽度与最大元素宽度相同。

您可以选择高度：100%和宽度。这使得div不大于其内容。

仅仅

<div style="display: inline;">
    <table>
    </table>
</div>

width:1px;
white-space: nowrap;

对我来说很好：）

有两种更好的解决方案

显示：内联块；或显示：表格；

其中有两个显示：表；更好，因为显示：内联块；增加额外的边距。

用于显示：内联块；可以使用负边距方法来修复多余的空间

您可以使用内联块作为@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/