Javascript 视口(viewport)然后 element.style.left 不会工作？这有什么问题

Question

    var x,y,a,b;
    function respon(){
    x= Math.max(document.documentElement.clientWidth,window.innerWidth||0);
    y=document.getElementById("main");
    b=x-1200;
    a=y.style.left= b/2+ "px";
}

window.addEventListener("scroll",parallex,respon);

我想将宽度为 1200px 的 div 元素居中。

我想取观众宽度 - 1200，然后除以 2，这就是我的左边距，对象居中:)(我的目标屏幕尺寸是 1980)

(我稍后会使用“if 语句”，但如果这不起作用，我不需要它)

我想知道，这有什么问题，为什么不起作用？对我来说一切看起来都很好

Answer 1

如果您要设置 margin-left，而不是 left，您必须这样做:

a=y.style.marginLeft= b/2+ "px";

如果你想坚持左边，你必须添加

a=y.style.position = "relative";