jquery - 高度在 Firefox 中不起作用

Question

我有 Firefox 25.0，但我div没有得到正确的高度。在我的 CSS 中：

#page {
    background-color: rgba(255,255,255,0.9);
    width: 98%;
    height: 87%;
    position: absolute;
    left: 1%;
    top: 12%;
    display: table;
    padding-bottom: 1px;
}

当窗口变得太小时，高度超过 87%

我尝试了一个 jQuery 替代方案：

$(document).ready(function() {
    var contentheight = $("#most").height();
    var contentheightt = contentheight * .87;
    contentheightt = contentheightt+"px";
    $("#page").css("height",contentheightt);
});

两者都不适用于 Firefox，但它适用于 Safari 和 Chrome。

这是我的页面：http ://sdgr.comule.com/sd/

Answer 1

#page div 与包含您的内容的内部 div 一起扩展。如果您将以下 div 设置为position: absolute;您的问题应该得到解决。

<div id="desc" class="col txt"></div>

Answer 2

对于 Firefox，您需要在 #page.txt 类中添加以下 css -

position: absolute; 
overflow-y: scroll; 
left: 500px;

根据要求更改左值。

Answer 3

以百分比表示的 CSS 高度无法正常工作 尝试使用不以百分比表示的最小高度 您也可以在 jquery Greetings 中尝试 $(window).height ()