绝对容器中的文本包装在父级的边缘-Textinabsolutecontainerwrapsattheedgeofparent

There is an absolutely positioned container that has a max-width. When this container is at the edge of its parent, the text inside starts wrapping before max width is reached. Is there any way to stop it from doing so without setting an exact width?

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

fiddle

   long text long text long text

   

       text wraps much earlier then 150px at the parent edge         
   


.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 gives full width to all containers, even those much shorter then max-width

edit:width:inherit为所有容器提供全宽,即使是那些比max-width短得多的容器

1 个解决方案

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

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