Question

我正在一个有两个容器的网站上工作：侧边栏和主要内容。问题是，当最小化窗口（仅）时，左侧边栏适合屏幕当前大小的大小，当向下滚动时，侧边栏消失..这仅在内容容器（右侧）未填充时发生屏幕..

您可以尝试最小化this page，当窗口最小化时向下滚动时，您会看到左侧栏消失。

你可以尝试更多内容的good page，你会发现这里的一切都很好..

我尝试了height="100%" and width="100%"

Answer 1

好想出来

我不得不补充道：

min-height: 100%;

到身体

并使用

bottom：0;

侧栏上的

感谢您的帮助：）

Answer 2

主要问题是你身体中的包装和侧边栏元素是绝对定位的 - 因此身体不知道如何扩展到页面本身内容的大小，因为绝对定位的元素被从流程中取出该文件。在这种情况下，您已从文档流中获取了页面的所有内容。

因此，将高度或最小高度设置为body元素将不起作用，因为它只会占用视口的高度而不会产生其他任何内容。绝对定位的子容器也将占据视口的高度。

滚动仍然可能是因为内容从任何一个绝对定位的孩子身上溢出。

您可以尝试在侧边栏元素上设置height: auto。或者，您应该浮动您的包装和侧边栏（并取出绝对定位） - 这至少会将内容放回文档流程中，允许浏览器计算实际的100％高度:)

绝对定位是一个棘手的问题，我不得不承认。

Answer 3

我猜这些容器是div？

宽度应该是100％，但是对于高度，请尝试：line-height:100%。