来做一个导航：
<style typr="text/css">
*{margin:0padding:0border:0}
.navbg{background:redheight:50px}
.nav{width:980pxheight:50pxmargin:0 auto}
li{float:leftmargin:10pxline-height:30px}
</style>
<div class="navbg">
<div class="nav">
<ul>
<li>首页</li>
<li>联系我们</li>
<li>留言</li>
</ul>
</div>
</div>
放在<body>里试一下便知
如果<style>里再加一句 body{width:980pxmargin:0 auto}则不能铺满屏幕，只有980px。
您好，非常荣幸能在此回答您的问题。以下是我对此问题的部分见解，若有错误，欢迎指出。你好！css中有一个背景图片的属性可以解决这个问题哦 你可以尝试下：background-repeat no-repeat
这个属性哦。非常感谢您的耐心观看，如有帮助请采纳，祝生活愉快！谢谢！
1、首先准备一张设置为背景的图片，这边准备的是一张650px*347px的图片。
2、然后建立一个html文档，将它和背景图片放到一个文件夹中。
3、编辑html文档，这边建立一个div，设置宽度为700px，高度跟背景图一样，为347px。
4、就给div设置背景图片。
5、在浏览器中预览会发现图片平铺了，这不是想要的效果。
6、然后可以给div再加上属性，-moz-background-size:100% 100%background-size:100% 100%。
7、这样设置后就会发现背景图片拉伸至100%了。
