Html 在前端设计中正确设置边栏

我一直在尝试做一个网站布局，但我就是做不到。我不能发布图片本身，因为我没有足够的声誉

我有侧边栏，应该是固定的，只要我垂直滚动就可以保持。它旁边应该是页面主要内容的区域，可以垂直滚动

现在我在这里看到了一些类似的问题，但对我来说似乎什么都不管用，因为当我缩放窗口时，它只是把事情搞砸了。那我该怎么做呢？专栏会有帮助吗？我应该有什么样的div？它们的CSS代码是什么？

在本例中，我使用position:absolute来定位元素

*，*：：之前，*：：之后{ 框大小：边框框； } html，正文{ 边际：0px； 填充：0px； 位置：相对位置； 身高：100%； } .左{ 位置：绝对位置； 排名：0； 左：0； 底部：0； 宽度：225px； 背景：RGB50150250； } .对{ 位置：绝对位置； 排名：0； 左：225px； 右：0； 底部：0； 背景：RGB235245255； 溢出：自动； } /*侧栏*/ /*内容*/

---

欢迎来到堆栈溢出。为了让我们能够帮助您，我们要求您将您的代码与您的问题一起发布。或者更好的是，将您的问题复制到一个文档中。