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

以css为单位的高度百分比无法正常工作尝试使用最小高度而不是百分比你也可以在jquery中尝试$（window）.height（）问候

Answer 2

#page div扩展为内部div，其中包含您的内容。如果将以下div设置为position: absolute;，则应修复问题。

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

Answer 3

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

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

根据要求更改左值。

高度在Firefox中不起作用

3 个答案: