只需使用display：inline；（或空白：nowrap；）。

我希望你觉得这很有用。

可以对父元素使用display:flex

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

width:1px;
white-space: nowrap;

对我来说很好：）

您可以尝试此代码。按照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 class="parentDiv" style="display:inline-block">
    // HTML elements
</div>

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

您可以尝试fit内容（CSS3）：

div {
  width: fit-content; 
  /* To adjust the height as well */ 
  height: fit-content;
}

浏览器支持规格