制作 100% 高度的网站,最小高度:100%;,当我滚动时仍然不显示

Posted

技术标签:

【中文标题】制作 100% 高度的网站,最小高度:100%;,当我滚动时仍然不显示【英文标题】:Making 100% height website, with min-height: 100%;, still not showing when I scroll 【发布时间】:2012-01-27 23:36:51 【问题描述】:

我正在调整这个 - quintadobode.thetwilightwalkers.com - html 模板,当我滚动时(在有内容的页面之一上,如 o projecto 等),没有背景。我正在使用 .expandheight 类,最小高度:100%;,这仍然发生。快把我逼疯了,请帮忙。

【问题讨论】:

【参考方案1】:

您在main 元素上设置了height: 100%。如果你删除它,它对我来说很好。

【讨论】:

【参考方案2】:

我还没有真正测试过你的 CSS,但是如果你从你的#main 块样式中删除 height:100%,对于像“O Projecto”这样的页面,背景会一直向下,这能解决你的问题吗?

【讨论】:

【参考方案3】:

您还需要在htmlbody 上设置min-height:100%

【讨论】:

以上是关于制作 100% 高度的网站,最小高度:100%;,当我滚动时仍然不显示的主要内容,如果未能解决你的问题,请参考以下文章

如何将最小高度设置为查看屏幕的 100% 和页面的一半?

100% 身体高度(内容动态加载)

强制嵌套 div 的最小高度为 100%?

Ant Design TabPane 最小高度 100%

具有动态右侧内容的 100% 高度左侧边栏 - Bootstrap + Wordpress

如何使用 ExtJs 制作 100% 高度和宽度的窗口?