Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/loops/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript div向左移动并加载页面_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript div向左移动并加载页面

Javascript div向左移动并加载页面,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我在这个网站上工作,页面加载滑块部分浮动到左边,而不是在中间,看到这个,当我尝试用谷歌chrome工具检查元素时,这个问题消失了,页面如预期的那样看到这个 这是slider div的css代码 .slider { width: 1000px; height: 330px; margin: 30px auto; overflow: hidden; min-width: 980px; position: relative; } 有人能帮我解决这个问题

我在这个网站上工作,页面加载滑块部分浮动到左边,而不是在中间,看到这个,当我尝试用谷歌chrome工具检查元素时,这个问题消失了,页面如预期的那样看到这个

这是slider div的css代码

.slider {
    width: 1000px;
    height: 330px;
    margin: 30px auto;
    overflow: hidden;
    min-width: 980px;
    position: relative;
}

有人能帮我解决这个问题吗

添加到
.wrapper
css样式

.wrapper{
    text-align:center;
}

slider元素有一个设置的边距0 auto,因此需要有更多的动量使包装器内的元素居中

老实说,在我的浏览器(ff)上居中显示的滑块看起来不错。设置最小宽度和宽度有什么意义?您使用的屏幕大小是多少?chrome dev tools,如果连接到widow,会通过减少宽度来调整大小,这可能解释了为什么它“修复”了这个问题。它在一些人身上运行良好,而这个问题在一些人身上出现了我不明白你的意思