Question

怎样将css里面的图片填充？

在dreamweaver里面图片是填充是整个header的，但是放到浏览器里面就如图所示，左右都有绿色，怎么样让图片填充左右的地方啊？html里面的代码
<div id ="header">
<div class="title"><img src="images/10.gif" width="176" height="267" /><img src="images/13.gif" width="115" height="267" /><img src="images/11.gif" width="230" height="267" /><img src="images/14.gif" width="223" height="267" /><img src="images/12.gif" width="106" height="267" /></div>
<div class="menu">
<ul>
<li><a href="left.html">原料信息</a></li>
<li><a href="#">流程</a></li>
<li><a href="#">渣系</a></li>
<li><a href="#">热力学</a></li>
<li><a href="#">设备</a></li>
<li><a href="#">物质</a></li>
</ul>
</div>
</div>
</body>

css里面的是#container {margin:0 auto; width:100%;}
#header { height:300px; background:#9c6; margin-bottom:5px;}
#header .title { height:268px; margin:0 auto; width: 900px;}
#header .menu{margin:0px auto auto auto}
#header .menu ul{float:right;list-style:none;margin:0px;width:100%}
#header .menu ul li{float:left;margin:0 10px;display:block;line-height:28px}
#header .menu ul li a:link,#header .menu ul li a visited{font-weight:bold;color:#666}
#header .menu ul li a:hover{}

Answer 1

#header .title { height:268px; margin:0 auto; width: 900px;}
改为#header .title { height:268px; }，再把图片的宽度设为100%;这样就把图片拉大了。效果不好。
或者是把#container {margin:0 auto; width:100%;}
改为#container {margin:0 auto; width:900px;}

Answer 2

#header .title { height:268px; margin:0 auto; width: 900px;}
这个的width: 900px决定了图片覆盖的范围最大有多宽，不过光改这个应该不行，因为图片本身没那么大，你还要改图片以适应大小。

Answer 3

图片铺满整个页面做背景?