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