0

我有一个问题，我不知道如何解决这个问题。我正在制作一个网站，在我的网站底部我想要一个页脚图像。图像必须是全宽和 375 像素的高度。但我真的不知道该怎么做。我已经尝试了 css 和 html 中的所有内容，但它不起作用。每次我在 html 中放一些东西时，图像只是它的正常大小，高度为 375 像素，这很好，但它并没有填满屏幕的宽度。那么任何人都可以帮助我吗？我试过的东西：HTML：

<div id="image">
<img src="images/college.jpg/>
</div>

CSS：

#image {
width: 100%;
height: 375px;
}

请记住，我是 html 和 css 的新手，我只是不知道如何解决这个问题。我尝试了很多东西，但它只是不工作。它就像一个全宽页脚，但它需要是图像而不是颜色。背景图像：src（'图像/college.jpg'）；没用。请帮我处理html和css。谢谢。

4

2 回答 2

1 
#image img {
width: 100%;
height: 375px;
}

您的 CSS 选择器选择的是图像的父 div 而不是图像。这就是为什么它不能满足您的要求。

如果您想使用background-image属性，请记住这src是无效的。你必须url在 CSS 中这样使用：

#image {
width:100%;
height:375px;
background-image:url('images/college.jpg');
}

在 CSS 中，您还可以通过键入background而不是background-imageor来指定图像或颜色background-color。例如

#image {
width:100%;
height:375px;
background:url('images/college.jpg'); /* background:#fff; */
}
于 2013-01-27T15:28:29.730 回答
0

您的目标是 div 而不是这里的图像。图像在 div 内，您必须了解 div 只是图像的容器。所以你可能想要定位图像。例如：

img.MyImage{
width:<your width here>;
height:<your height here>;
<!-- dont put <> in actual code -->
}

在这里，您的图像标签将具有 MyImage 类。

于 2013-01-27T15:33:10.437 回答