javascript - style.top 和 style.left 不工作

Question

我写了一个脚本，当按下一个按钮时，formatdialog div 会调整大小。问题是我无法弄清楚为什么我的 javascript 代码不起作用。我可以调整宽度和高度，但无论出于何种原因，无法调整顶部和左侧。

我不明白是什么导致了问题。 Firebug 没有给我任何错误。 javascript 只是调整宽度和高度的大小并忽略顶部和左侧属性。我猜是 css 属性导致了问题，我只是不知道是什么。

CSS:

#formatdialog {
            display:none;
            left:25%;
            top:25%;
            width:400px;
            height:200px;
            position:absolute;
            z-index:100;
            background:white;
            padding:2px;
            font:10pt tahoma;
            border:1px solid gray
        }

Javascript:

function FormatDialogResize(){
        var elem = document.getElementById('FormatDialog');
        elem.style.top = "10%";
        elem.style.left = "10%";            
        elem.style.width = "600px";
        elem.style.height = "500px";
    }

我也试过:

function FormatDialogResize(){
        var elem = document.getElementById('FormatDialog');
        elem.style.top = 10+"%";
        elem.style.left = 10+"%";           
        elem.style.width = "600px";
        elem.style.height = "500px";
    }

谢谢。

Answer 1

我遇到了类似的问题，发现在我将元素设置为“position: absolute”之前设置 .top 不起作用。