我知道有很多关于这类事情的问题,但我还没有找到可以回答我问题的问题。
我有一个“新闻提要”格式的网站,您可以在其中过滤基于特定标准的职位。因此,使用某些过滤器,您可以获得比浏览器窗口高得多的内容。使用其他过滤器,您无法获得任何内容。
当我使用 Webkit 的 Web Inspector 时,我看到一个 html {min-height:100%}
对 <html>
有用吗?标签。我想要 <body>
做完全相同的事情:当内容适合页面时为 100%,否则展开。
但是,我不能使用百分比 height
或 min-height
当未为 <html>
设置高度时在 body 上.它不会继承高度来确定其百分比。因此,当文档的内容少于完整窗口时,我最终得到的结果是所有内容都被正确地剪掉了,内容的底部也被剪掉了,这搞砸了我的背景和其他东西。
有什么想法吗?
最佳答案
也许你可以尝试这样的事情:
html {
height: 100%;
}
body {
margin: 0;
padding: 0;
height: 100%;
}
#content {
min-height: 100%;
}
我希望这有助于解决问题
关于HTML CSS 主体自动调整大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9771871/