div{
  width:auto;
  height:auto;
}

仅仅

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

可以对父元素使用display:flex

#parentElement {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
 }

只需将样式放入CSS文件

div { 
    width: fit-content; 
}

对我有用的是：

display: table;

（在Firefox和Google Chrome上测试）。

CSS2兼容解决方案应使用：

.my-div
{
    min-width: 100px;
}

您也可以浮动div，这将迫使它尽可能小，但如果div中有任何内容浮动，则需要使用clearfix：

.my-div
{
    float: left;
}