HTML CSS 主体自动调整大小

标签 html css layout height

我知道有很多关于这类事情的问题,但我还没有找到可以回答我问题的问题。

我有一个“新闻提要”格式的网站,您可以在其中过滤基于特定标准的职位。因此,使用某些过滤器,您可以获得比浏览器窗口高得多的内容。使用其他过滤器,您无法获得任何内容。

当我使用 Webkit 的 Web Inspector 时,我看到一个 html {min-height:100%}<html> 有用吗?标签。我想要 <body>做完全相同的事情:当内容适合页面时为 100%,否则展开。

但是,我不能使用百分比 heightmin-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/

相关文章:

Css div 和 h1 h2

javascript - 单击外部时如何使div消失?

css - 使用CSS在响应div中垂直居中响应图像

html - 使用css在另一个悬停时显示元素

PHP 在 Iframe 之外重定向

javascript - 在外部 javascript 文件中获取 asp 控件 ID 的最佳方法是什么?

android - 类型 "<fill_parent><wrap_content>"的布局

javascript - EasleJS Canvas 不显示指定的 Google 字体

html - 设置为绝对的图像不对齐 = 不在父 div 内

c++ - Qt QHBoxLayout 问题?