JavaScript Safari/FireFox 浏览器高度答案

【问题标题】：JavaScript Safari/FireFox browser heightJavaScript Safari/FireFox 浏览器高度
【发布时间】：2011-11-02 04:55:53
【问题描述】：

我有这段 JavaScript 代码，但它在 FireFox 或 Safari 中不起作用：

var htmlheight = myHeight;
if (myHeight > 0) {
    var viewer = document.getElementById("<%= rvControl.ClientID %>");
    viewer.style.height = htmlheight - 2 + 'px';
}

在 IE 中似乎也无法使用，所以我有点傻眼了！

谁能告诉我如何在 Safari 和 FireFox 中更改 div 的高度？

【问题讨论】：

是 myHeight html.height 还是 body.height？
Body Hight，只是好奇，这有什么关系？
有时，html 和 body 在过渡时没有高度。您可以尝试在 CSS 开头添加html,body{height:100%;} 吗？我不记得为什么的确切细节，或者我会把它作为一个 aswer 发布
另外，一些 html 会很有用。尝试创建一个显示问题的 jsFiddle

标签： javascript firefox browser safari

【解决方案1】：

试试这个：

    viewer.style.height = (htmlheight - 2) + 'px'

【讨论】：

这也不起作用，实际上我只是在这篇文章之前添加了 - 2 。我需要它，因为我在我的 div 中添加了一个边框并且需要删除两个像素。所以，我确实在没有 -2 的情况下尝试了它，我只是为了咧嘴笑而用括号尝试了它，但仍然没有运气。
这很奇特。 display 属性是否设置为 block？我很确定 Transitional 设置高度属性并不奇怪。

【解决方案2】：

从它的声音来看，您的 viewer 是一个内联元素 - 您不能在这些元素上设置高度，它将被忽略（至少在符合标准的浏览器中）。您应该在其上指定 display: block 或 display: inline-block 样式，具体取决于您的布局。

【讨论】：

好的，我添加了 viewer.style.display = 'block';这似乎在 IE 中修复了它，但不是 Safari 或 FireFox，它们是我需要支持的两种浏览器。还有其他建议吗？