css - 背景图片超过了body的最大宽度
本文介绍了css - 背景图片超过了body的最大宽度的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
给body设置了max-width: 540px, margin: 0 auto 为何在超过max-width的屏幕上 给body 设置的 background-image 依旧全屏显示？
解决方案
<body>标签的背景图起始位置永远在浏览器窗口的左上角，你设置了540宽度，它还是从窗口左上角开始，你的图片比较大，所以看起来就是全屏，你找张小图
background: url(...) no-repeat;这样就会发现，背景图片只出现在了左上角。
所以一般不去设置<body>的宽度，而是在里面套一层<div>，如果你一定要给<body>写个宽度，你可以设置background-postion把背景图移动到你需要的位置，不过这纯属吃饱了坑自己。
这篇关于css - 背景图片超过了body的最大宽度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
