Javascript 固定位置边栏不能调整到不同的分辨率

我的网页是。 您可能会看到左侧的蓝色侧边栏，它是固定的，因为我希望它的内容始终可见。问题在于小分辨率，例如1024x768，其中一些底部内容不可见。如何始终将整个侧边栏内容调整到任何视口

另外，我有两个问题：

1） 将浮动分配给固定位置的div有意义吗

2） 通过向侧边栏提供21%的宽度百分比，它计算出21%的身体宽度（而不是其祖辈宽度的21%——1200px）；到目前为止还不错，因为它脱离了正常的流动。奇怪的是，它考虑了祖父母（内容包装）留下的7%的边距，这是从身体宽度中减去的，从而找到了21%。为什么

---

非常感谢

您最好使用视口宽度而不是百分比，为此，首先设置视口元标记：

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

然后将侧边栏的宽度设置为21%，而不是设置为21vw，这将是视口宽度的21%