Css 指示浏览器更倾向于打破增加的父项'；s宽度

我有一个带有菜单栏的布局，允许通过

minwidth

和

max width

在两种宽度之间拉伸：

#menu {
  display: flex;
  flex-direction: column;
  min-width: 200px;
  max-width: 350px;
}

通过编程将链接放置到此容器，如果它们的文本太长，可能会导致其增长；如果文本不长，则会停留在

min width

。如果任何一个链接的文本太长，菜单将保持在

350px

，而链接文本将中断

这一切都很好。在链接后面还有一个段落，其中包含静态文本。文本总是很长，它会将容器拉伸到最大宽度，然后开始断线

我很好奇，如果我能指示CSS布局引擎，使这一段打破尽快，而不是有助于它的宽度

这样，链接将导致容器根据需要保持收缩或增长到其允许的范围，但段落只会延伸到菜单的有效宽度，然后开始断行，从不推动菜单变宽，只有链接可以

我正在努力想出任何CSS属性来影响这一点，我确实考虑过用包装器

div

包装这一段落，我想我首先要把包装器

div

放好，然后再把它的子项放在整个宽度上，但我仍然需要找到一种方法，使包装器div跨越菜单容器的有效范围，而不需要进一步推动它

---

有没有一种方法可以使一个元素的行为类似于一个块，它跨越父元素的宽度，但如果其内容的宽度同时大于父元素的宽度，则不会导致父元素增长？

下面是一个使用

最小宽度
/
宽度
的技巧。基本上，您告诉浏览器宽度等于0，然后是
最小宽度：100%
，100%将是其他内容（您案例中的链接）已定义的宽度


#菜单{
显示：内联flex；
弯曲方向：立柱；
最小宽度：150px；
最大宽度：300px；
边框：1px实心；
}
p{
宽度：0；
最小宽度：100%；
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。提供毛里斯非lacus congue semper。梅塞纳斯·普尔维纳尔，夸姆·德



Lorem ipsum dolor sit amet，是一位杰出的献身者。提供毛里斯非lacus congue semper。梅塞纳斯·普尔维纳尔，夸姆·德



Lorem ipsum dolor sit amet，是一位杰出的献身者。提供毛里斯非lacus congue semper。梅塞纳斯·普尔维纳尔，夸姆·德