绝对容器中的文本包裹在父级的边缘

Question

有一个绝对定位的容器，其最大宽度。当此容器位于其父级的边缘时，内部文本在达到最大宽度之前开始换行。有没有办法在没有设置确切宽度的情况下阻止它这样做？

fiddle

<div class="wrap">
   long text long text long text

   <div class="container">
       text wraps much earlier then 150px at the parent edge         
   </div>
</div>

.wrap {
    position: relative;
    border: 2px solid orange;
    display: inline-block;
    width: 400px;
}
.container {
    border: 2px solid green;
    padding: 3px;
    max-width: 150px;
    position: absolute;
    top: 10px;
    left: 250px;
}

edit：width：inherit为所有容器提供全宽，即使是那些比max-width

短得多的容器

Answer 1

您可以尝试继承宽度...

.two  {   
    left: 250px;
    width: inherit;
}

更新：

不同的方法（希望令人满意）是使用媒体查询。

  @media all and (min-width: 150px) {
    .container.two {
        width: inherit;
    }
}

这意味着，只要类.two的元素达到150px的min-width，就会获得新的属性。

http://jsfiddle.net/Holybreath/jwwuhoj4/6/