当我调整窗口大小和垂直滚动条出现时,如果我将其滚动到底部,-底部将断开。我不明白为什么,但我认为这与页面使用100%高度的方式有关。任何帮助都将不胜感激!
这是页面:zxsdesign.com/main1.html
这是一张截图
zxsdesign.com/bug1.PNG http://zxsdesign.com/bug1.PNG
最佳答案
它是使用CSSheight
属性和绝对定位的混合体。ajm已经讨论过使用min-height
-理想情况下,当你把东西调高100%时,你应该使用它而不是height
。
你的另一个问题。当您绝对定位元素时,它们不再是页面结构的一部分。相反,它们位于单独的平面中,因此不会影响页面尺寸。当您的<div id="flashcontent">
超过窗口边界时,它不会影响<body>
的边界。
不使用position: absolute
可以解决这个问题。其实没必要。相反,您可以正常定位#flashcontent
元素,并完全删除#bg
元素-只需给#flashcontent
一个背景即可。然后使用margin: 0 auto;
和padding-top: 179px;
将其放置在正确的位置。