Question

div如何让1920px宽的图片在浏览器上水平居中显示，而且不会有滚动条？

如图：
我希望绿色部分在网页中就是这样子居中显示，而且当(显示内容)大于(浏览器窗口)时，也不会出现下面的滚动条。
说明：我在网上查找了好多方法，可以总找不着答案，或者网上好多东西又些乱，看不懂，自己也试了好些方法，可是最后还是没有成功。
强调一点：我不是需要利用设置背景图片来居中这种效果，而是要利用插入img图片来居中这种效果，图片也应该是原来大小显示出来，不需要窗口100%。

字打得多了点，也希望热心网友能帮帮忙，急着要出网页，分数虽然少了点，不过我也会第一时间会采纳！

Answer 1

滚动条好办，主体overflow-x:hidden就行了

img居中，可以用position、margin控制，如果图片不固定大小的话，可能要用js动态设置，纯css的方法暂时不清楚……

<div style="margin:auto;width:1000px;height:400px;border:2px solid #ba85ef;overflow:hidden;">
    <img src="1.jpg" style="height:900px; width:1600px; margin-left:-300px;" /><!--(1600-1000)/2-->
</div>

追问

width:1920px;
position:absolute;
left:50%;
text-align:center;
overflow-x:hidden;
我把图片设置成这样，虽然图片能按原来大小居中，可以下面还是有滚动条，而且我也是加了overflow-x：hidden了。难道真的需要js来处理

追答

overflow:hidden应该设置给img的容器……