•  22-08-2019
  •  | 
  •  

题

当我调整窗口和当垂直滚动出现时，如果我滚动方式底，-的底部破裂。我不明白为什么但是我认为它有什么用的方式如何页使用100%的高度。任何帮助，将不胜感激！

这里的页面： zxsdesign.com/main1.html

这里有一个截图

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

有帮助吗？

解决方案

这是使用CSS height性能和绝对定位，你的组合。 AJM曾谈到使用min-height - 理想情况下，你应该用它代替height当你把事情100％的高

到你的其他问题。当你绝对定位元素，他们的页面结构不再一部分。相反，他们生活在一个独立的平面上，所以不影响页面的尺寸。当你的<div id="flashcontent">途经窗口边界，它不会影响<body>的边界。

您可以通过不使用position: absolute解决此问题。有没有真正的需要。相反，你可以正常定位#flashcontent元素，摆脱#bg元素的完全 - 只是给#flashcontent背景来代替。然后使用margin: 0 auto;和padding-top: 179px;到它在正确的位置进行定位。

其他提示

不幸的是高度：100％;实现方式不同......你不能确保浏览器你想要做什么，当你使用它。

尝试明确使用：左;或明确：两者;在你的风格。

100%的高度是一个屏幕上的高度。如果你滚动起来，它并复盖100%的高度。让你的块的规模太大，或至少移动的屏幕中心。你可以通过设置他们的顶部和底部填充的汽车。

还有，你头上的标签是不正确关闭。检查 此

您网页上使用100％高度的元素都完全根据。如果用户的浏览器窗口足够大，那很好;但是，如果他们调整自己的浏览器中的小的不够，你的页面将是高度较小的100％，东西会掉出底部。

看到您的容器元件中的一个设置最小高度。这将迫使东西需要停止调整大小，如果浏览器窗口落入高度以下。或者，你可以设置一个普通的老高度大到足以容纳你的容器项目之一的闪片，并让其他人继承。

另外，由于IE6不支持最小高度（FF2 +，IE7，Safari浏览器都这样做），你需要破解它的像这样。

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top