Javascript 如何根据窗口大小调整web内容的大小

我正在尝试创建一个网页。它有两个区域：左侧和右侧内容。到目前为止，我正在测试一个特定尺寸的窗户，它位于中间，大小完全合适。但只要我最小化它或在不同大小的显示器上打开它，它就不会根据它调整大小。我该怎么做呢。这是我正在处理的web链接

如果你看到的话，现在侧边的内容是固定大小的。所以，我需要一直向右滚动才能看到右内容边框的结尾

我觉得这不是正常网页的工作方式。我怎样才能解决这个问题

---

谢谢

如果我理解正确，您正在寻找

容器的属性为

margin:0 auto

将其放在中间，然后子分区占父分区的百分比。可以调整父分区（#容器）的大小，子分区将适当填充

---

您犯的错误是使用了绝对定位，这将使其与您的屏幕完全对齐，但其他屏幕的外观将不一样。

如果我理解正确，您正在寻找类似的内容

容器的属性为

margin:0 auto

将其放在中间，然后子分区占父分区的百分比。可以调整父分区（#容器）的大小，子分区将适当填充

---

您犯的错误是使用了绝对定位，这将使它与您的屏幕完全对齐，但其他屏幕看起来不一样。

您可以使用百分比定义css值，如

宽度：20%

，而不是使用固定值。或者尝试使用css框架，如或。

您可以使用百分比定义css值，如

宽度：20%

，而不是使用固定值。或者尝试使用css框架，如或。

不要使用

px

，或者使用百分比或

em

。不要使用

px

，或者使用百分比或

em

。感谢您解释我的错误。现在看起来好多了。我唯一关心的是，我是否可以将容器的高度调整为窗口大小大于500像素。我之所以需要它，是因为我正确的内容有溢出：auto。所以它会有一个卷轴，窗口会有一个卷轴。很难操作两个滚动条。若我可以将容器限制在窗口大小，我就不必考虑窗口上的滚动条。这有意义吗？我有点理解你，如果你需要的话，只需将高度设置为100%，或者高度：auto会让浏览器决定它应该有多高来解释我的错误。现在看起来好多了。我唯一关心的是，我是否可以将容器的高度调整为窗口大小大于500像素。我之所以需要它，是因为我正确的内容有溢出：auto。所以它会有一个卷轴，窗口会有一个卷轴。很难操作两个滚动条。若我可以将容器限制在窗口大小，我就不必考虑窗口上的滚动条。这有意义吗？我有点理解你，如果你需要的话，只需将高度设置为100%，或者高度：自动将让浏览器决定它应该有多高