当我调整窗口大小并出现垂直滚动条时，如果我将其滚动到底部， - 底部会中断。我不明白为什么，但我认为这与页面使用 100% 高度的方式有关。任何帮助，将不胜感激！
这是一个屏幕截图
Maxson
问问题
5409 次
4 回答
2
它是你使用 CSSheight属性和绝对定位的混合体。ajm 谈到了使用min-height- 理想情况下，您应该使用它，而不是height在使事情达到 100% 高时使用。
到你的另一个问题。当您绝对定位元素时，它们不再是页面结构的一部分。相反，它们位于单独的平面中，因此不会影响页面尺寸。当您<div id="flashcontent">越过窗口边界时，它不会影响<body>的边界。
您可以通过不使用来解决此问题position: absolute。没有真正的必要。相反，您可以#flashcontent正常定位元素，并完全摆脱#bg元素 - 只需提供#flashcontent背景即可。然后使用margin: 0 auto;和padding-top: 179px;将其放置在正确的位置。
于 2009-05-19T14:52:03.770 回答
0
不幸的是身高：100%；以不同的方式实现...您无法确定浏览器在使用时会执行您想要的操作。
尝试使用 clear: left; 或明确：两者；以你的风格。
于 2009-05-19T14:36:16.080 回答
0
100% 高度是一个屏幕高度。如果向上滚动，它会覆盖 100% 的高度。让你的块也缩放，或者至少移动到屏幕的中心。您可以通过将它们的顶部和底部填充设置为自动来做到这一点。
此外，您的头部标签未正确关闭。检查这个
于 2009-05-19T14:36:37.000 回答
0
您的页面完全基于对所有元素使用 100% 高度。如果用户的浏览器视口足够大，那很好；但是，如果他们将浏览器的大小调整到足够小，您的页面将是该较小高度的 100%，并且内容将从底部掉出。
研究在您的一个容器元素上设置最小高度。如果浏览器窗口低于该高度，这将迫使事物停止调整大小。或者，您可以设置一个足够大的普通旧高度，以在您的一个容器项目上包含您的闪存，并让其他容器继承。
而且，由于 IE6 不支持最小高度（FF2+、IE7、Safari 都支持），你需要像这样破解它。
于 2009-05-19T14:39:01.080 回答