注意:我正在使用 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/