请参阅此处：https://www.invigorlaw.com/practice-areas/securities/，宽度为1100像素或大约为。
屏幕右侧的面板看起来很好，直到您向下滚动，然后文本从多行转到一行，您无法看到所有文本。
我能说的唯一区别是顶部是静态的，底部是固定的。
关于如何让文本在多行上显示的任何建议都将非常受欢迎。
答案 0 :(得分：0)
只是把这是你的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/