Question

网页设计宽度是1500，这样的话怎样写css,让其在1024的显示器上也能不出现水平滚动条

Answer 1

最好是不要把宽度超过主流的分辨率。出现横向滚动是很让浏览者反感的东西。
目前网页一般设计最宽也就1200左右。

你这个没完美解决方案。你可以强制隐藏横向滚动条，但也会隐藏超出部分的内容：

html, body{overflow-x: hide;}//ie8及以下ie不支持

网页如果一定要设计这么宽，最好是用css媒体查询或js判断屏幕尺寸，让大分辨率的设备看到一个节目，让小分辨率的设备看到另一个宽度为1200以下的界面。

追问

其实整个页面只有头部有一张撑满宽度的图片，和图片小米的一个div，这两个比较宽，其它都小于1200

有办法吗

追答

不好意思，我刚才写错了，overflow-x后面应该是hidden;
没其他办法，要不改设计稿，把尺寸做回主流尺寸，要不用我说的办法做2个版本宽度，最后就是不管，任其出现横向滚动。

Answer 2

只有作为背景的过宽图片才不会在窄屏中出现滚动条。否则的话要么采用布局百分比宽度，要么用js等脚本获取显示器宽度，1024时采用脚本更改网页的样式表。

Answer 3

<div style="position:relative; overflow:hidden;">
<div style="position:relative; width:1500px; left:50%;margin-left:-750px; height: 222px;"></div>

</div>
水平居中