Javascript 保持容器的宽度为最长子容器的宽度

简而言之：当我有一个容器和一些内联块div时，容器的宽度围绕div收缩。但是，如果div太长，因此其中一行转到另一行，则容器宽度渲染为100%

在图中，默认行为是第一个，而期望的行为是第二个

下面是一个例子：

任用

display:block;

或

或

---

使用伪类似乎是可能的

CSS

---

提供一些代码，最好是一把小提琴，而不是图片请在问题正文中发布您的代码。不要为了绕过JSFIDLE链接而在代码标记中包装废话，这必须伴随代码警告。

display:block;

display:inline;

max-width:250px ;

div {
    display: inline;
    position: relative;
}
div:before {
    content:"";
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -5px;
    top: -5px;
    background-color: blue;
    z-index:-1;
}
div:after {
    content:"";
    display: block;
}
p {
    display: inline-block;
    background-color: red;
}