Html 定位全宽收割台

定位全宽收割台。我希望它能变成这样

分区：

其他链接：

我似乎无法让屏幕上的图像占据整个页面

我怎样才能做到这一点

谢谢。

检查JSFIDLE

检查屏幕截图，将div.img设置为100%，同时将img宽度覆盖为100%

希望下面的截图看起来像你想要的

---

我是meem.co.vu的所有者

首先，我很高兴你能欣赏我的头球设计。由于我不再使用您引用的特定站点布局，人们可能无法获得您想要的内容

---

我所做的是让我的标题在屏幕上完全显示，宽度：100%。为了让背景也保持完整尺寸，我添加了

backgroundsize:cover到CSS。我希望这有帮助。：）
 你试过了吗？{code>#banner img{left:0；right:0；top:0；position:absolute；}

我试过了，没用。还有差距。你的网站是公共的吗？这样我就可以看一看并找到确切的rsontanks了！我改变了它，你可以看到我可能需要把图像放大，因为它没有占据整个屏幕。介意你再看一眼吗？是否有其他方法可以使图像适合屏幕，而不是我重新调整大小？

<div id="shell"> 

<div class="img"><img src="http://static.tumblr.com/ydsgqx5/f28mqvumo/waterfall-nature-wallpaper.png" width="448" height="336" alt="" /></div> 
<div id="msg"></div> 

</div> 

#shell { margin:0; 
padding:30px; 
width:600px; 
height:400px; 
background:#eee; }
div.img { width:360px; 
height:280px; 
overflow:hidden; 
margin:auto; 
}
#banner {
width: 960px;
height: 400px;
margin: 0 auto 30px;
overflow:hidden;
float: left;
}
#banner img {
left: 0;
top: 0;
position:absolute;
}

#shell { margin:0; background:#eee; }
div.img { width:100%; overflow:hidden; margin:auto; border:1px solid #333; }