来做一个导航：
<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。
百分数值的表现方式更为复杂。假设你希望用百分数值将图像在其元素中居中，这很容易：body
{
background-image:url('/i/eg_bg_03.gif')
background-repeat:no-repeat
background-position:50% 50%
}
这会导致图像适当放置，其中心与其元素的中心对齐。换句话说，百分数值同时应用于元素和图像。也就是说，图像中描述为 50%
50% 的点（中心点）与元素中描述为 50% 50% 的点（中心点）对齐。
如果图像位于 0% 0%，其左上角将放在元素内边距区的左上角。如果图像位置是 100% 100%，会使图像的右下角放在右边距的右下角
这个是无法覆盖边框的，原因和解决方法如下：1、在css中的盒图中，图片是content，边框是border，所以图片是属于content内容是无法覆盖border，建议清楚一下css中的盒图模型。
2、解决方法是设置border的值为0，这样就看不到边框可，也就是相当于把border覆盖了，但是只是相当于，border只是宽度为0，但是不是被覆盖。
