利用float+margin实现
.left{width：100pxfloat:left}
.center{float:leftwidth:100%margin-right:-200px}
.right{width:100pxfloat:right}
利用table实现
.parent{width:100%display:tabletable-layout:fixed}
.left,.center,.right{display:table-cell}
.left{width:100px}
.right{width:100px}
利用flex实现
.parent{display:flex}
.left{width:100px}
.center{flex:1}
.right{width:100px}
首先看你的背景图片大小，如果很大的话，一般情况下很多显示器都会显示的合适。
如果是想适应移动设备的，用一个CSS3属性
background-size:cover就可以了，可以将背景图根据窗口大小铺满整个浏览器窗口。
您好!很高兴为您解答问题,以下是我为您提供的解答内容：新建一个html文档。
设置一下HTML的框架，然后把图片设置在同一个文件夹里面。
加入，这样可以有样式设置。
因为背景设置在主体，所以还要定义为body{}。
background-image:url(图片)，这个是添加图片的意思。
然后我们需要加入background-repeat:repeat-x这个时候就会横向平铺。
