如何在CSS中使用背景圖像完全填充小div？

Question

所以我遇到了問題。對於學校裏，我有做一個簡單的網站的asignment，和我有一個問題是使用CSS一個大的圖片將不適合在一個小格，這是我的CSS：

#face{height:100%;width:80%;background-image:url('./pictures/face.jpg');float:left;} 

和這裏的我的HTML

<div id='face'>   </div> 

我知道如何解決這個問題在HTML中，但不是在CSS中，有人可以幫助我嗎？

親切的問候，

一名15歲的學生

Answer 1

你給你的DIV一個百分比高度和寬度，但什麼？

你的身體需要有一個div的大小來關聯。

http://jsfiddle.net/q42Zq/

body { 
    height:500px; 
    width:900px; 
} 

Answer 2

試背景尺寸：100％;

這應該將背景覆蓋整個div。

https://developer.mozilla.org/en-US/docs/Web/CSS/background-size

工作實例與一個圖像：http://codepen.io/anon/pen/gJCuv

CSS：

div{ 

寬度：100像素; height：100px; 邊框：3px純藍色; background-image：url（https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcRwR8YYfYmRSuv-tQgN-2yMyIgKQTCY2gSeXKHFKSxRlXZxsi8K）; background-size：100％100％; background-repeat：no-repeat; }