javascript - 在 Javascript 中设置绝对位置不起作用

Question

当 gridview 延伸超过标准 960 像素时，我试图将我的 gridview (asp.net) 位置设置为绝对位置。

但是我遇到了这样的问题，其中 left: 0 具有我想要的效果，但是除此之外的任何东西都不起作用。

这是我的代码。它小于屏幕的部分不起作用，因为我试图将它置于屏幕中心。但是，因为它大于 0，所以 Left: x 的绝对位置不起作用。任何帮助将不胜感激!

 var gridview = document.getElementsByTagName("table");
            var fieldset = document.getElementsByTagName("fieldset");
            fieldset[0].style.position = "relative";
            for (var i = 0; i < gridview.length; i++) {
                var width = gridview[i].offsetWidth;
                var screenWidth = window.screen.width - 2;

                if (width > 940) {
                    gridview[i].style.position = "absolute";
                    if (width > screenWidth) {
                        gridview[i].style.left = 0;
                        alert('> screen');
                    }
                    else {
                        gridview[i].style.left = 50;
                        alert('< screen');
                    }
                }
            }

编辑:修复是在值之后连接'px'

Answer 1

继续下去还不够，但可能是 gridview 的容器没有设置您的 css 的位置。

要使用 position:absolute 上面的容器应该设置为 position:relative 否则它不会呈现 css。

也可以尝试在尺寸末尾添加 px，将 css 设置为 left:XXpx;而不仅仅是一个数字。