IE上带下划线的标题自动宽度

Question

#skills
{
    width: intrinsic;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: fit-content;
}

<div class="box">
    <h2 id="skills">skills</h2>
    <p>Lorem Ipsum.</p>
</div>

我正在一个网站上，在其中对h2标题加下划线的方法要比对CSS属性加下划线的方法更好。找到了一个添加边框底部的技巧，现在我在自动调整内容方面遇到了问题。

我的代码是这样组织的：

HTML部分（我的'box'div是一个flexbox）：

下划线样式很完美，但不适合IE ...

我发现了一些问题，例如this one，并尝试进行类似的修改：

#skills
{
    display: table;
}

但是它不起作用...

你能帮我吗？

谢谢您的帮助，>

杰里

＃skills {宽度：内在；宽度：-moz-max-content;宽度：-webkit-max-content;宽度：适合内容； }

技能＆...

Answer 1

如果我理解正确，float会做你想做的。

Answer 2

我使用了边框底部，您可以通过CSS中的宽度来控制边框的长度希望这个帮助：）