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

我已经阅读了大量关于填充视口的css高度主题的帖子，并且未能找到可行的答案。所以我不情愿地启动另一个关于此的线程，希望能够找到我可能没有看到的拼图的缺失部分。身高标记的身高百分比问题 - 通过搜索未解决

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

我有一个容器div也显示在一个表内的图像驱动边框，我希望这填充浏览器窗口，没有更大的，不小，但适应每个浏览器（将设置最低高度，以确保所有内容是包含在考虑到较早的决议中）。

我已经设置了html和车身式样如下： -

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元素没有。它只是在窗口顶部显示一个短框。

任何人都可以提供什么可能会导致问题的建议？

来源

2011-08-27 Rob

这是所有你需要的CSS：

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

活生生的例子：http://jsfiddle.net/tw16/gyAKJ/

来源

2011-08-27 14:15:29 tw16

我不认为它会像IE <= 7，这样的浏览器。 –

@rikudo：我用我的小提琴做了一个简短的测试，似乎没有任何问题。 – tw16

注意和测试。 + 1 –

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

回答

相关问题