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