html - 如何垂直划分html页面并设置全高背景?

标签 html css twitter-bootstrap

注意:我正在使用 bootstrap,如果它能以某种方式提供帮助的话。

.html, css, container {
height: 100%;
}

我的问题是,我不能在 html 或 body 类中设置它(就像一些解决方案所建议的那样),因为我不希望它到每个页面。我只需要在一页中显示它。

我已经尝试将它应用到我的自定义 DIV,但如果我没有内容,它就不会工作。高度设置为 100% 但仍为 0px,除非我在该 div 中放置一些内容。

最佳答案

您可以将类添加到 <html>您希望具有 100% 高度的页面的标记

<html class="full-height-page">

然后在下面使用这个 CSS

.full-height-page,
.full-height-page body {
  height: 100%;
  min-height: 100%; /* this is necessary */
}

关于html - 如何垂直划分html页面并设置全高背景?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28679181/

相关文章:

css - 如何在 IE6 上将背景图像放置在较长的 <a> 链接上

css - 如何创建 svg 投影?

html - 图像不是固定的高度和宽度以响应所有分辨率

java - Safari 中的 HTML5 视频无法正常工作

javascript - 如何删除动态生成的 DIV 的 lastchild 元素并将 html 作为字符串返回

javascript - 使用 Outlook 发送电子邮件

css - 指向特定表格行旁边的箭头

html - bootstrap 减少行间距

html - 设置 OpenLayers map 容器的尺寸

javascript - Jquery 自动完成功能在 Bootstrap Modal 中不起作用