Css 删除页脚下的空白_Css_Layout

Css 删除页脚下的空白

css layout

Css 删除页脚下的空白,css,layout,Css,Layout,如何删除页脚栏下的空白？我已经删除了页脚下的填充：15px，但它不起作用这是我的建议 CSS 我假设您希望页脚粘在窗口底部，除非内容高于窗口。。我提出几点建议：修复html，例如，所有内容都在标题标记内，这可能是一个错误为了使您的页脚正常工作，我将使用css calc方法为您的内容提供最小高度100%减去页眉+页脚的高度，因此（请注意一些重要的css规则以使其正常工作）： html，正文，页面，标题{高度：100%；} #content { min-height: calc(100

如何删除页脚栏下的空白？我已经删除了页脚下的填充：15px，但它不起作用

这是我的建议

CSS

我假设您希望页脚粘在窗口底部，除非内容高于窗口。。我提出几点建议：

修复html，例如，所有内容都在标题标记内，这可能是一个错误

为了使您的页脚正常工作，我将使用css calc方法为您的内容提供最小高度100%减去页眉+页脚的高度，因此（请注意一些重要的css规则以使其正常工作）：

html，正文，页面，标题{高度：100%；}

#content {
  min-height: calc(100% - 285px); // 285 should be the height of your header + height of footer.
}

**请注意，calc方法需要完全按照上面的方式编写（空格和全部）才能工作

选择2 实现这一目标的另一种方法：

html,body,#page, header { height:100%;}

#page { position:relative;}
#content { padding-bottom:130px;} /* FOOTER HEIGHT */
footer { position:absolute; bottom:0;}

如果您有任何问题，请尽管问。

我假设您希望页脚贴在窗口底部，除非内容高于窗口。。我提出几点建议：