使div的大小适合其内容真的是不可能的吗？

我想澄清一下是否可以根据内容的大小使div适合其大小，而不必使元素浮动或使其位置绝对。可能吗？

CSSdisplay设置

当然有可能-JSFiddle概念验证，在其中可以看到所有三种可能的解决方案：

• display: inline-block-这是你不知道的那个

• position: absolute

• float: left/right

您可以使用display: inline-block。

您可以使用：

width: -webkit-fit-content;
height: -webkit-fit-content;
width: -moz-fit-content;
height: -moz-fit-content;

编辑：不，请参阅http://red-team-design.com/horizo​​ntal-centering-using-css-fit-content-value/

另外： http : //dev.w3.org/csswg/css-box-3/

你也可以使用

断字：全力以赴；

当似乎没有任何效果时，它总是有效；）

它在Edge和Chrome上运行良好：

  width: fit-content;
  height: fit-content;