固定元素——文本不会到第二行
Fixed element—text won't go to second line
参见此处：https://www.invigorlaw.com/practice-areas/securities/ 宽度为 1100 像素左右。
屏幕右侧的面板看起来不错，直到您向下滚动，然后文本从多行变为一行，您无法看到所有文本。
我能看出的元素之间的唯一区别是顶部是静态的而底部是固定的。
任何关于如何让文本显示在多行上的建议都将不胜感激。
就说这是你的CSS
ul.sidenav-ul { width: 237px; }
这是快速有效的解决方法，发生的事情是当 position: fixed 开始时，元素被从上下文中取出（这就是你有 z-index 的原因）所以你可以将其视为 3D离开。您的词缀有 width: 100% 和 position: static;，因此它永远不会超出视口，但是 absolute, fixed, relative 可以，并且文本会拉伸整个容器。将整个列表的文本限制为一定宽度将使内部的所有元素都坚持该宽度，因此您的文本看起来是一样的。
这是一个很好的学习资源：http://www.barelyfitz.com/screencast/html-training/css/positioning/
参见此处：https://www.invigorlaw.com/practice-areas/securities/ 宽度为 1100 像素左右。
屏幕右侧的面板看起来不错，直到您向下滚动，然后文本从多行变为一行，您无法看到所有文本。
我能看出的元素之间的唯一区别是顶部是静态的而底部是固定的。
任何关于如何让文本显示在多行上的建议都将不胜感激。
就说这是你的CSS
ul.sidenav-ul { width: 237px; }
这是快速有效的解决方法，发生的事情是当 position: fixed 开始时，元素被从上下文中取出（这就是你有 z-index 的原因）所以你可以将其视为 3D离开。您的词缀有 width: 100% 和 position: static;，因此它永远不会超出视口，但是 absolute, fixed, relative 可以，并且文本会拉伸整个容器。将整个列表的文本限制为一定宽度将使内部的所有元素都坚持该宽度，因此您的文本看起来是一样的。
这是一个很好的学习资源：http://www.barelyfitz.com/screencast/html-training/css/positioning/