阻止绝对定位div强制内容包装

Question

我有一种情况，我需要一个绝对定位的div来包含一个无序列表，如下所示：

<div class="dialogueBox">
    <ul>
        <li>Content</li>
        <li>Even longer content</li>
    </ul>
</div>

但是，当内容相当长时，容器不会随之扩展并导致列表项换行并导致换行。

.dialogueBox{position: absolute; padding:0.6rem;border:1px solid #DDD; z-index:20;}  
.dialogueBox ul {padding:0; margin:0;  }
.dialogueBox ul li {list-style-type:none; line-height:2; border-bottom:1px solid #c0c0c0;}   

我删除了大部分对此问题不重要的样式。

当我将宽度设置为大于内容的值时，正如预期的那样，没有包装。这证实了容器是问题。

我不能只设置一个min-width，因为使用这个类的其他容器可能更小。

我还设置了li属性white-space:nowrap。这会停止包装问题，但随后它们是容器外的文本。不好。

我知道我可以使用jQuery对此进行排序，但如果可以，我想避免使用它。