我写了一个脚本,当按下一个按钮时,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";
}
谢谢。
最佳答案
我遇到了类似的问题,发现在我将元素设置为“position: absolute”之前设置 .top 不起作用。
关于javascript - style.top 和 style.left 不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12535383/