html – 100％高度div

2023年2月26日 149次阅读

我有一个#main div,当没有内容时,我想在页眉和页脚之间填充页面.当有内容时,它应该将粘性页脚向下推,这样做.

CSS：

#main {
 background: transparent url("images/main-content.png") top right repeat-y;
 clear: both;
 overflow: hidden;
 margin-top: -10px;
 height: 100%;
 min-height: 100%;
}

我不确定为什么这不起作用. #main继承自#wrapper和body,所以我认为设置100％高度和100％的最小高度会起作用.

现场：

http://www.dentistrywithsmiles.com

在此先感谢您的帮助.

最佳答案 这就是身高：自动！重要;在CSS文件的第146行附近的某处.

它覆盖了包装纸的100％高度,这不会让你的主要部分增长.由于你的页脚有一个恒定的高度,我会尝试在包装器中添加一个填充,使主要内容div不会进入页脚,这是当你转动高度时发生的事情：auto！important;.

点赞