网站不会向下滚动
我的网站在 15 英寸的笔记本电脑上运行,但是每当我调整浏览器的大小时,我网站上的一些信息就会消失",因为我无法滚动(不会出现滚动条).
My website works on a 15 inch laptop, but whenever I resize the browser, some of the information on my website 'disappears', as I am unable to scroll (scrollbar won't appear).
我的两个网站(它们是学校项目的一部分)遇到了这个问题.
I'm experiencing this problem for two of my websites (they're part of a school project).
在第一个网站上,当在较小的浏览器窗口中查看网站时,粘性页脚会覆盖内容.我设法获得了容器部分的滚动条(除页眉和页脚之外的所有内容),但我需要滚动条出现在网站的最右侧,容器外.(只有页脚是固定的,页眉也可以滚动).
On the first website, the sticky footer covers the content when the website is being viewed in a smaller browser window. I managed to get a scrollbar for the container part (everything except for the header and footer), but I need the scrollbar to appear on the very right side of the website, outside of the container. (only the footer will be fixed, the header will be scroll-able as well).
http://sophisticateddesign.nl/cfreport/index.html
在第二个网站上,我需要标题和蝴蝶保持固定,并且其他所有内容都可以滚动.
On the second website, I need the header and butterfly to stay fixed and for everything else to be scroll-able.
我想知道是否有一个简单的解决方案,因为我没有太多时间来完成这些网站..
I'm wondering if there's an easy solution as I don't have much time left for these websites to finish..
移除overflow: hidden
in html
html {
height: 100%;
margin: auto;
width: 960px;
}
删除 .Wrapper 的 position: absolute
Remove position: absolute
for .Wrapper
对于第二个站点:您在 header
中添加了主要内容,position: fixed;高度:50px;
.问题来了.
For second site:
You added your main content inside header
with position: fixed; height: 50px;
. It's the problem.