只需将样式放入CSS文件

div { 
    width: fit-content; 
}

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

可以对父元素使用display:flex

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

仅仅

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

您可以尝试此代码。按照CSS部分中的代码操作。

第二部分{显示：内联块；填充：2vw；背景色：绿色；}表{宽度：70vw；背景色：白色；}＜div＞<table border=“colapsed”><tr><td>苹果</td><td>香蕉</td><td>草莓</td></tr><tr><td>苹果</td><td>香蕉</td><td>草莓</td></tr><tr><td>苹果</td><td>香蕉</td><td>草莓</td></tr></table></div>

第二部分{宽度：配合内容；}＜div＞<表></table></div>