0

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/

4

3 に答える 3

0

#page div は、コンテンツを含む内側の div で展開されます。次の div をposition: absolute;問題に設定すると、問題が修正されるはずです。

<div id="desc" class="col txt"></div>
于 2013-11-03T20:40:15.050 に答える
0

css でパーセンテージの高さが正しく機能しない

于 2013-11-03T20:15:52.373 に答える
0

Firefox の場合、#page.txt クラスに次の css を追加する必要があります -

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

要件に従って左の値を変更します。

于 2013-11-03T21:20:22.553 に答える