Question

所以我遇到了问题。对于学校我有一个制作一个简单的网站，我遇到的问题之一是一个大的图片不适合使用CSS的小div，这是我的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相关的大小。

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

Answer 2

尝试background-size：100％;

这应该拉伸背景以覆盖整个div。

CSS：

 div{

宽度：100像素; 高度：100像素; 边框：3px纯蓝色; background-image：url（https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcRwR8YYfYmRSuv-tQgN-2yMyIgKQTCY2gSeXKHFKSxRlXZxsi8K）; 背景大小：100％100％; 背景重复：不重复; }