Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 是否可以将容器的高度调整为包含容器的图像的高度?_Html_Css - Fatal编程技术网

Html 是否可以将容器的高度调整为包含容器的图像的高度?

Html 是否可以将容器的高度调整为包含容器的图像的高度?,html,css,Html,Css,我有一个标题,宽度设置为100%,因为我希望图像调整到浏览器的大小。但是,我想将上下文的高度调整为图像的高度,以便完整地查看图像 我在css文件中使用以下代码: background-image: url('http://...'); background-size:100% auto; background-repeat:no-repeat; 我在高度中使用大小自动来表示图像的比例 我知道通常情况下,内容会根据容器的大小进行调整,但对于高度,我希望根据包含的元素调整容器的高度。可能吗 非常感

我有一个标题,宽度设置为100%,因为我希望图像调整到浏览器的大小。但是,我想将上下文的高度调整为图像的高度,以便完整地查看图像

我在css文件中使用以下代码:

background-image: url('http://...');
background-size:100% auto;
background-repeat:no-repeat;
我在高度中使用大小自动来表示图像的比例

我知道通常情况下,内容会根据容器的大小进行调整,但对于高度,我希望根据包含的元素调整容器的高度。可能吗

非常感谢。

免责声明:

只需在div中添加一个image元素,默认情况下div将采用img的高度

<div>
    <img src="http://placehold.it/350x150" alt="" />
</div>


所以容器中没有实际的图像元素,而只使用背景图像?那么就没有办法使容器自动达到背景图像的高度。它的背景与容器中的图像不同吗?如何设置图像而不是背景?对我来说,无论我使用图像而不是背景。如果你不知道如何在HTML中嵌入图像…那么请学习一些基本知识。
完成。