Question

我已经阅读了关于填充视口的css高度主题的大量帖子，但未能找到合适的答案。所以我不情愿地开始了另一个关于这个问题的线索，希望能找到拼图的缺失部分，我可能一直盯着看而没有看到它。

我的DOCTYPE是xhtml过渡的，我目前正在IE6，FF6和Safari 5上测试同样的问题。

我有一个容器div，它还在表格中显示图像驱动的边框，我想要填充浏览器窗口，不要更大，不要小但适应每个浏览器（最小高度将设置为确保包含所有内容以解决较旧的分辨率。）

我已将html和body样式设置如下： -

html {
    height:auto !important;
    height: 100%;
    min-height: 100%;
    border: solid;
    border-color: black;
    overflow: hidden;
}

body {
    height: 100%;
    height:auto !important;
    min-height: 100%;
    border: solid;
    border-color: black;
}

正如您所看到的，我为每个元素添加了边框，以便在查看页面时实际可以看到每个元素的大小。 html元素可以很好地填充窗口，但是body元素却没有。它只是在窗口顶部显示一个短框。

有人可以就可能导致问题的原因提出建议吗？

Answer 1

这就是css所需要的：

html,body {
    padding: 0;
    margin: 0;
    height: 100%;
}

实例：http://jsfiddle.net/tw16/gyAKJ/

身体标签的身高百分比问题 - 通过搜索未解决

1 个答案: