css 100%身高错误

时间:2009-05-19 14:29:22

标签: html css height

当我调整窗口大小并显示垂直滚动条时,如果我将其滚动到底部, - 底部会断开。我不明白为什么,但我认为它与页面使用100%高度的方式有关。任何帮助将不胜感激!

以下是页面:zxsdesign.com/main1.html

这是截图

zxsdesign.com/bug1.PNG http://zxsdesign.com/bug1.PNG

4 个答案:

答案 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.

中进行破解。
相关问题