CSS和DIV怎么铺满背景颜色？

Question

就像这样，右边区域超出网页设定的宽度了，怎么设定右边区域还是为左边层的背景颜色呢？
解决方案不能造成网页缩放变形。
求大神解答，打代码不容易，告诉我思路就行了。
谢谢了。

Answer 1

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<style>标签中，输入css代码：body {background: url(image.jpg) no-repeat;background-size: 100%}。

3、浏览器运行index.html页面，此时成功设定背景图片等比例放缩到网页宽度。

Answer 2

铺满整个网页背景颜色：

body{ background-color:#f00; }  //背景颜色
body{ background-image:url(图片路径); }   //背景图片

铺满某个层的背景颜色：

div{ background-color:#f00; }  //背景颜色
div{ background-image:url(图片路径); }   //背景图片

注：默认的就是全部平铺，如果只是想单纯的横向平铺或者纵向平铺那就添加样式：

background-repeat:repeat-x;   //横向平铺
background-repeat:repeat-y;   //竖向平铺

Answer 3

你的意思是右边黑色部分跟左边颜色要统一吗？左边的切一个像素沿X轴平铺不行吗？

追问

黑色的算右边的话，那就是中间的颜色怎么和左边的一样。右边已经超出了网页设定的宽度了。

追答

　　中间的和左边的不是已经一样了吗？你标出来我看看。

追问

是一样，是怎么弄成这样的？

追答

　　左边的切一个像素沿X轴平铺作为背景（可以再套一层div）。

追问

套这一层定位怎么定呢？

追答

追问

有道理，但是有一个大的层包含了所有的元素，这个层的宽度设定为960,绿框那个层超出来了。
在不同的分辨率上，绿框怎么横向填满呢？

追答

　　你已经限定它的宽度已经是960了，超出的部分当然不会填充了。如果想填充，需要设定其宽度为100%。

本回答被提问者和网友采纳