我们如何使 div 自动根据其内容获取宽度答案

【问题标题】：how can we make a div take width according to its content automatically我们如何使 div 自动根据其内容获取宽度
【发布时间】：2016-03-01 15:37:10
【问题描述】：

我想创建类似fieldset 和label 的效果。

当标题沿边改变时，标题的白色背景宽度保持不变。

如果我可以使heading 或div 元素的宽度足以适应其内容，它将产生适当的效果。

如果有其他解决方案，请告诉我。

【问题讨论】：

标签： html width fieldset

【解决方案1】：

您可以在要缩小的 div 上使用 float 或 display: inline-block（尽管这在 IE6 中不起作用（因为它默认情况下仅将 inline-block 应用于内联元素）而不指定宽度。或者很明显，你可以同时使用两者。虽然我不确定你为什么要让一个浮动块表现得好像它是inline。

jsbin的演示

【讨论】：

显示内联块完成这项工作

【解决方案2】：

我会推荐这个

#element {
    display: table; /* IE8+ and all other modern browsers */
}

【讨论】：