gpt4 book ai didi

html - css 100 % 高度错误

转载 作者:行者123 更新时间:2023-11-28 00:31:08 25 4
gpt4 key购买 nike

当我调整窗口大小时出现垂直滚动条时,如果我将它滚动到底部,- 底部会中断。我不明白为什么,但我认为这与页面使用 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;将其放置在正确的位置。

关于html - css 100 % 高度错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/883128/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com