Question

在我正在处理的网站上，内容不会滚动。所以在1024 x 768显示器上看不到图像的顶部。我怎么能纠正这个？

Answer 1

一个解决方案是：像这样在div#main添加最小高度，并将溢出设置为自动。同时将position设置为relative。这样，机舱的图像（header）将位于#main - 容器的底部：

#main{
    min-height: 768px;
    overflow: auto;
    position: relative;
}

为避免丑陋的滚动条，请勿使用overflow: scroll，请始终使用overflow: auto。在这种情况下，也可以设置

#header {
    position: absolute;
    bottom: 0;
    // The following values are not really necessary, 
    // as they are the default values or are calculated automatically 
    // to the same values, so feel free to remove them
    width: 100%; // automatically calculated by the #header's contents
    overflow: auto; // default value anyways
    height: 768px; // automatically calculated by the #header's contents
}

Answer 2

min-height #main以像素为单位，并将其设置为position: relative;。

然后从overflow: scroll中移除#header，因为它不再是nessecary。

应该清除它。

#main {
  min-height: 800px;
  position: relative;
}

#header {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 768px;
}

内容不使用position滚动：绝对

2 个答案: