Safari不适合内容，但Chrome确实如此

Question

出于某种原因，Safari不适合我的内容div。我正在使用边框来显示div，主要目标是仅使用border-bottom，但我不希望它延伸100％的父级。

Chrome会使div符合<p>的长度，而Safari会将div扩展到页面宽度的100％。

HTML：

<div id="wrapper">
    <p>OKAY</p>
</div>

CSS：

#wrapper {
    display: inline-block;
    width: auto;
    border: 2px solid;
}

Answer 1

使用box-sizing：border-box

#wrapper {
   display: inline-block;
   width: auto;
   border: 2px solid;
   box-sizing: border-box;
}

Answer 2

尝试#wrapper p {display: inline-block; }这应该可以解决问题。